@media (max-width:768px) {
  .wbnc-content {
    font-size: 18px;
    font-family: 'Montserrat-Bold';
    color: #be843a !important;
    padding: 0px;
    text-align: center;
    margin: 15px 0px;
  }
.wbnc-logo-width{width:160px;}  
  .wbnc-content a{
    font-size: 16px;
    padding-right:15px;
	line-height:20px !important;
 }
 .wbnc-content-b-pad{padding-bottom:15px;}
 
  .rsp-md-flex-dir {
      flex-direction: column-reverse;
    }
.advisory h3 {
padding-bottom:0px;
 padding-top:10px;
 margin-bottom: 0px;
 }
 .model-t-pad {
  padding-top: 15px;
}
.advisory ul{
 margin-bottom:20px;
}
  .mobile-hide{display:none!important;visibility:hidden!important;}
  .mobile-visible{display:inherit!important;visibility:visible!important;}
.foot-t-b-pad{
padding-top:35px;
padding-bottom:10px;
}
.bg-video-wrap2 {
  height: 35vh;
  }
  .about-hero{
  height: 130px;
  background-position: right;
  }
  .about-us-banner{
  height: 130px;
  background-position: right;
  }
  .it-banner{
  height: 130px;
  background-position: right;
  }
  .professional-banner{
    height: 130px;
    background-position: right;
    }
    .engering-banner{
      height: 130px;
      background-position: right;
      }
  .practice-banner{
  height: 130px;
  background-position: right;
  }
  .inner-head-pad{padding: 50px 0px 50px 0px;}
.bg-video-wrap2 video {
  min-height: 35vh;
 }
.video-caption {
  left: 20px !important;
 }
`
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 45vh !important;
   background-color:#000000;
 
  }
video {
  width: 100%;
   min-height: 45vh !important;
  }
  .video-caption {
    bottom: 250px !important;
   padding-bottom: 0px !important;
}

.video-caption h1{
   font-size:30px;
   margin-bottom: 6px;
 }
.ab-small-head2 {
   margin-top: 5px;
  line-height: 21px;
  padding-bottom: 12px;
}
 .ser-l-r-pad{
padding-left:0px;
padding-right:0px;
}
.com-head {
   font-size: 18px !important;
  }
  .ser-sec h2 {
  font-size: 25px !important;
  }
.common-sec h2 {
  font-size: 25px !important;
  }
   .about-end-img {
    width: 100%;
	  flex: 0 0 100%;
	}
.pra-b-pad{
    margin-bottom: 8px;
	}
.top-head-but a{width:190px !important;}
.top-head-but i{padding: 14px 0px 12px 15px;}  
.sec-t-pad {
  padding-top: 15px;
}
  .learn-pad{ padding-bottom:45px !important;}
.common-sec {
    padding: 30px 0px;
}
.ab-big-head {
  font-size: 24px;
}
.Apply-head {
   font-size: 24px !important;
  }
  .opport-box h3 {
  font-size: 20px;
  }
.sec-content h3{
    font-size: 22px;
     line-height:26px;
	margin-bottom:8px;
}
.indus-bg {
  background-size: 100%;
  background-attachment:inherit;
   background-position: center;
   height:400px;
 }
.indus-bg-about {
  background-size: 100%;
  background-attachment:inherit;
   background-position: top;
   height:400px;
 }
  .pra-l-r-pad {
  padding-left: 0px;
  padding-right: 0px;
}
.sec-content {
  padding: 20px 0px 20px 0px;
}
.inner-content-pad{padding-top:15px;}

.ab-lt-pad {
  padding-left: 0px;
  padding-top: 25px;
}
.ser-t-b-pad2{padding-bottom:35px; padding-top:35px;}
.ser-row-gap {
  row-gap: 8px;
}
.rsp-ser-t-pad{
padding-top:8px;
}
.img-flex img {
  width: 70px;
  }
.homepage-what-we-do a {
  padding: 8px;
  margin-bottom: 15px;
  }
  .homepage-what-we-do h5 {
  font-size: 16px;
  font-family: 'Montserrat-Bold';
  }
 .read-more-ico {
    position: absolute;
    top: 30%;
    right: 30px;
 }

 .logo-img {
height: 60px !important;
padding-top: 2px;
padding-bottom: 2px;
}`

 .container {
 padding: 0px 15px !important;
}
 /* header section */
.top-header {
 display: none;
}
/* .car-btn {
 display: none;
}
*/

.foot-but-idth{width:215px;}
.rsp-l-r-m-auto{margin-left:auto !important;margin-right:auto !important;}
 .rsp-t-b-pad {
 padding-top: 15px;
 padding-bottom: 15px;
}
.apply-pad {
  padding: 0px;
}
.apply-border {
  border: none;
}

.contact-p {
  padding: 0px;
}

  .dropdown-toggle::after {
 position: absolute;
 right: 3px;
 top: 14px;
 display: block !important;
 z-index: 2;
}
 .nav-item-bdr {
 border: none;
}
 .navbar-nav>.nav-item>.nav-link,  .nav-item-bdr>.nav-link {
 padding: 0px !important;
}
 .navbar .nav-item {
 margin: 0px !important;
}
 .navbar-brand,  .nav-item {
 padding: 8px 0px !important;
}
 .navbar-nav {
 padding: 20px 0px;
}

 .navbar-toggler {
 padding: 0px !important;
}
 .nav-item .nav-link {
 font-size: 16px;
 padding: 0px 0px!important;
}
 br {
 display: none;
}
 .card-text {
 padding-bottom: 10px;
}
 .carousel-item img {
 height: 170px;
}
 .carousel-caption p{
 display: none;
}
 .carousel-caption {
 bottom: 0 !important;
 padding-bottom:30px !important
}
 .carousel-caption h1 {
 font-size: 26px;
 padding-right: 40px;
 margin-bottom: 15px;
}
 .btn-flex {
 margin: 0px;
}
 .btn-flex:first-child {
 margin-top: 0px;
}
 .btn-flex {
 margin-top: 15px;
}
 .r-h2,  .service-sc h2,  .about-inner h2,  .carrers-sec h2,  .help-sec h2 {
 font-size: 30px !important;
 line-height: 1.2 !important;
 font-weight: 300 !important;
}
 .card-title {
 font-size: 20px !important;
 margin-bottom: 0px !important;
}
 .card-text {
 font-size: 15px;
}
 .card a {
 font-size: 14px;
}
                    /* service section */
                    .service-flex {
 display: initial;
}
 .service-flex h2 {
 font-size: 28px !important;
}
 .ser-a a span {
 font-size: 14px;
}
 .ser-a a::after {
 opacity: 1;
}
 .ser-a {
 margin-bottom: 20px;
}
 .ser-a a {
 padding-left: 35px
}
 .ser-img-btm h2 {
 font-size: 24px !important;
}
 .ser-p {
 font-size: 15px;
 line-height: 26px;
 margin-bottom: 10px;
}
 .res-m-0 {
 margin: 0px !important;
}
                    /* service-2 */
                    .service-row {
 display: initial;
}
 .service-item {
 width: 100%;
 padding: 6px;
 margin-top: 15px;
 margin-bottom: 0px;
}
 .service-item-sec-1 .service-item::after {
 top: 25px;
 right: -5px;
}
 .s-flex div {
 font-size: 16px;
}
                    /* .service-item::after {
           
        } */
 .ser-row-revs .s-flex {
 flex-direction: row-reverse;
}
 .s-flex img {
 width: 55px;
}
 .ser-row-revs .service-item::after {
 right: -5px;
 left: auto;
 top: 25px;
}
 .ser-row-revs img {
 margin-left: 0px;
 margin-right: 20px;
}
 .service-sc {
 padding: 35px 0px !important;
}
 .nav-item-bdr a::before,  .nav-item-bdr a::after {
 display: none;
}
 .nav-item-bdr>.nav-link {
 color: #000 !important;
}
                    /* about sec */
.about-side-by-side-fluid {
 position: relative;
 height:100%;
}
.about-side-by-side-fluid2 {
 position: relative;
 }
 .about-row {
 display: initial;
}
 .about-end-img {
 max-width: 100%;
}
 .about-side-by-side {
 display: flex;
 flex-direction: column-reverse;
}
 .about-title {
 left: 0;
 margin-bottom: 3px;
}
 .about-table td p:first-child {
 font-size: 1.2rem;
}
 .about-table td p:last-child {
 font-size: .8rem;
}
 .h-btn {
 margin-top: 30px;
}
 .about-inner .h-btn {
 margin-bottom: 0px;
 margin-top: 10px;
 width: 190px;
}
.mob2-t-c{text-align:center;}
 .about-inner .content-body {
 width: 100%;
}
 .px-58p {
 padding: 0px;
}
 table {
 margin-top: 10px;
}
 .h-btn>button {
 width: 100%;
 font-size: 1rem !important;
 border-top-right-radius: 1.5625rem !important;
 padding: 13px 30px;
 text-transform: capitalize;
}
.h-btn > button::before, .h-btn > button::after {
  border-top-right-radius: 1.5625rem !important;
}
 .h-btn>button,  .h-btn>button::after {
 border-radius: 0px;
}
 .ser-img-btm {
 padding-bottom: 0px;
}
                    /* about bottom sec */
                    .res-d-none {
 display: none;
}
 .row-revs {
 flex-direction: column-reverse;
}
 .line {
 padding: 0px;
}
 .line::before {
 display: none;
}
 .line h2 {
 font-size: 28px !important;
}
 .res-c-s-p-0 {
 padding-top: 10px !important;
}
 .line p {
 font-size: 16px;
}
 .line .h-btn {
 margin-top: 20px;
 margin-bottom: 40px;
}
                    /* client-sec */
                    .client-sec {
 padding-top: 10px !important;
}
 .client-sec h2 {
 font-size: 28px !important;
 margin-bottom: 30px;
}
 .client-grid {
 grid-template-columns: repeat(2, 1fr);
}
                    /* footer section */
                    .footer-sec {
 padding-top: 35px;
}
 .footer-sec .ser-a a {
 margin-bottom: 10px;
}
 .footer-sec .ser-a {
 margin-bottom: 10px;
 margin-top: 40px;
}
 .footer-nav li a {
 font-size: 16px;
}
 .footer-p {
 font-size: 16px;
}
 .ftr-head {
 margin: 20px 0px 2px;
 font-size: 20px;
}
 .ftr-head1 {
 margin-top: 0px !important;
}
 .social-icon-sec {
 margin: 0px 0px;
}
 .copyright-sec {
 padding-top: 17px;
 padding-bottom: 18px;
}

 .help-sec h2 {
 font-size: 24px !important;
 line-height: 38px;
}
 .help-sec {
 padding-top: 0px;
}
 .help-sec .h-btn {
 width: 100%;
 margin-top: 10px;
}
 .carrers-sec {
 border-top: 1px solid #eceef1;
}
 .carrers-says-sec {
 position: static;
 padding: 20px;
}
 .carrers-row {
 display: flex;
 justify-content: center;
 align-items: center;
}
 .carrers-row>.col-md-4 {
 display: flex;
 justify-content: center;
}
 .carrers-row>.col-md-8 {
 text-align: center;
}
 .carrers-row>.col-md-4 img {
 width: 30% !important;
 margin-bottom: 20px;
}
 .carrers-bg {
 min-height: 200px;
}
 .res-common-sec-pt-t {
 padding-top: 30px !important;
}
 .footer-sec {
 padding-top: 0px;
}
 .footer-padding {
 padding: 35px 0px;
}
                    /* about-page */
.about-r-pad{padding-right:0px;}

                    .pl-80p {
 padding-left: 0px !important;
 padding-top: 10px;
}
 .pr-80p {
 padding-right: 0px !important;
}
 .about-hero h2 {
 font-size: 26px !important;
}
                    h2 {
 font-size: 26px !important;
}
                    .bdr-frm {
 padding: 0px 15px !important;
}
 .cnt-heading {
 text-align: left;
 margin-bottom: 25px;
}
 h4 {
 font-size: 22px !important;
}
 .cnt-bdr-li-bt {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .cnt-bdr-li-bt li:not(:last-child) {
 width: 100%;
}
 .cnt-bdr-li-bt li {
 padding: 12px 0px;
}
 .bdr-frm {
 border: none;
}
 .frm-p {
 background-color: #fff;
 border-radius: 3px !important;
}
 .service-sc .about-title {
 margin: 0px;
}
 .f-p-l {
 padding: 0px;
}
 .last-ser-item {
 padding: 20px 0px;
}
 .dis-grid-adv {
 grid-template-columns: repeat(1, 1fr);
 grid-gap: 15px
}
 .res-p0 {
 padding: 0px;
}
 .cn-p1 {
 padding: 20px 20px 5px 20px!important;
 margin-top: 30px !important;
}
}


 @media (max-width:480px) {
 .indus-bg {
  background-size: 100% 100%;
 height:350px;
    }
 .indus-bg-about {
  background-size: 100% 100%;
 height:300px;
    }

.video-caption {
  left: 12px !important;
 }
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 26vh !important;
   background-color:#000000;
  }
video {
  width: 100%;
   min-height: 26vh !important;
  }
  .video-caption {
    bottom: 10px !important;
 }
  .overlay {
   height: 53vh !important;
}

.video-caption h1{
   font-size:26px;
 }
.video-caption p{
   font-size:16px !important;
   margin-bottom: 15px;
 }
 .bg-video-wrap2 {
  height: 25vh;
  }
  
.c-btn > button {
    font-size: 0.8rem !important;
   padding: 8px 14px !important;
}
}


 @media(max-width:430px) {
  .read-more-ico {
    position: absolute;
    top: 30%;
    right: 10px;
 }

 .carousel-caption h1 {
 font-size: 20px !important;
}
 .r-h2,  .service-sc h2,  .about-inner h2,  .carrers-sec h2,  .help-sec h2 {
 font-size: 23px !important;
 line-height: 1.2 !important;
 font-weight: 300 !important;
}
  .logo-img {
height: 50px !important;
padding-top: 2px;
padding-bottom: 2px;
}

}
 @media(min-width:1300px) and (max-width:1400px) {
 .about-title {
 left: -70px;
}
}
 @media (min-width:850px) and (max-width:1024px) {
                    /* contact page */
                    .bdr-frm {
 padding: 2.5rem 4rem !important;
}
 .carousel-caption h1 {
 font-size: 38px !important;
}
 .carousel-caption {
 padding-bottom: 75px !important;
}
}
 @media (min-width:768px) and (max-width:1023px) {
 .font-w {
 display: none !important;
}
 .navbar-nav>.nav-item>.nav-link,  .nav-item-bdr>.nav-link {
 padding: 10px !important;
}
 .f-p-l {
 padding: 0px;
}
 .dis-grid-adv {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-gap: 15px
}
 .help-sec h2 {
 font-size: 30px !important;
}
 .h-btn>button {
 padding: 12px 25px;
}
 .res-p0 {
 padding: 0px;
}
}
 @media (max-width: 1024px) {
  .opportunities-banner .about-hero {
    background-position: center;
  }

   .about-hero{
   background-position: right;
  }

 /*.desk-top-hide{display:none!important;visibility:hidden!important;}*/
 .tabhorizontal-hide{display:none!important;visibility:hidden!important;}
 .tabhorizontal-visible{display:inherit!important;visibility:visible!important;}
.ser-h-b-pad{padding-bottom:50px;}
.video-caption {
   bottom: 300px !important;
  padding-bottom: 60px !important;
   left: 100px;
 } 
.bg-video-wrap {
  height: 60vh;
  width:100%;
  }
video {
   min-height: 60vh;
   width:100%;
  }
  .overlay {
   height: 70vh;
}






 .service-inner-bg {
   background-image: url(../content/images/services-bg2.jpg);
   background-position:right;
}

/*.nav-item a {
  color: #000 !important;
}*/
 
.dropdown-item:hover {
  color: #fff !important;
}
 .navbar .nav-item {
 margin-left: 10px;
}
 .nav-item-bdr>.nav-link {
 padding: 12px 20px !important;
}
 .nav-item-bdr>.nav-link::before {
 right: 3px;
}
 .nav-item .nav-link {
 font-size: 16px;
}
 .container {
 padding: 0px 15px !important;
}
 .footer-nav .ml-t-h {
 padding-right: 0px;
}
                    /* about page */
                    .abt-f-i {
 padding: 0px 65px;
}
 .pl-80p {
 padding-left: 30px;
}
 .pr-80p {
 padding-right: 20px
}
 .about-p-row {
 display: initial;
}
 .abt-f-i:not(:first-child) {
 border-left: 0px;
 border-top: 1px solid #fff;
}
 .abt-f-i {
 padding-top: 5px;
}
 .service-inner-img {
 width: 100%;
}

}