@media screen and (max-width: 1200px) {
    .bm-hero-logo-mask-cover.-top {
        display: none;
    }
    .bm-hero-logo-mask-cover.-left {
        display: none;
    }
    .bm-hero-logo-mask-cover.-right {
        display: none;
    }
    .bm-hero-logo-mask-cover.-bottom {
        display: none;
    }
    .boxflipsection {
        width: 100%;
    }
    .bm-hero-logo {
        height: 55%;
    }
    .bm-screen-item.-full {
        height: auto;
    }
    .bm-hero-logo-bg {
        top: 35%;
    }
    .bm-hero-header h1 span {
        font-size: 42px;
    }
    .bm-hero-header {
        padding-top: 173px;
    }
    .bm-hero-container {
        padding: 0 40px;
    }
    .bm-brief-container {
        padding: 0 40px;
    }
    .bm-brief-text {
        max-width: 100%;
    }
    .bm-brief-grid-col:nth-child(2) {
        padding: 0 !important;
    }
    .bm-brief-grid-col:nth-child(3) {
        padding: 0 !important;
        border: 0 !important;
        margin: 85px 0;
    }
    /* ... */
    .bm-brief-photo-item.-v2 {
        display: none;
    }
    .bm-portfolio-bg {

        background-image: none !important;
    }
    .bm-brief-photo-item.-v1 {
        top: 0px;
        width: 100%;
    }
    .bm-brief-grid-col {
        padding: 0 !important;
        border: 0 !important;
    }
    .bm-portfolio-skew {
        display: none;
    }
    .bm-portfolio-content {
        padding: 60px 0 132px 0;
        text-align: left;
    }
    .bm-connect.-spaced {
        padding-top: 9vw;
        padding-bottom: 22vw;
    }
    .bm-connect-container {
        padding: 0 40px;
    }
    .flip-card {
        width: auto;
        height: 450px;
        margin-top: 76px;
    }
    .flip-card.consulting-card {
        position: relative;
        top: -33rem;
        width: 48%;
        right: 0;
        left: 24rem;
        margin-left: 0 !important;
        margin-top: 78px !important;
    }
    .flip-card.offshore-card {
        width: 48%;
        margin-left: 0 !important;
        margin-top: 30px !important;
    }
    .bm-connect.-spaced {
        padding-top: 9vw;
        padding-bottom: 0vw;
    }
    .bm-feature-skew {
        display: none;
    }
    .bm-feature.-spaced {
        padding-bottom: 35vw;
        margin-top: -23rem;
    }
    .boxflipsection.industry-box {
        margin-top: -4rem;
        margin-right: 0;
    }
    .bm-screen-item.contact {
        padding-left: 0 !important;
    }
    .bm-outro-form {
        padding: 30px 0 0 0;
        max-width: 100%;
        margin: 0 auto;
    }
    .bm-outro-grid-col.-v3.contact-grid {
        width: 100% !important;
    }
    .bm-connect-header.Employers-header h2{
        margin-left: 0px !important;
    }
    .bm-feature-items.industries-items {
        margin-left: -227px !important;
    }
    .bm-navbar-strip {
        top: 36px;
    }
    .bm-navbar-container {
        padding: 0 60px;
        background: #dadada;
    }
    .bm-navbar-logo img {
        margin-top: 0px;
    }
}
@media screen and (max-width:768px) {
    .bm-brief.-spaced {
        padding-bottom: 50vw;
    }
    .flip-card.consulting-card {
        position: relative;
        top: -32.9rem;
        left: 22.5rem;
    }
}
@media screen and (max-width: 480px) {
    html.mobile.safari {
        overflow-x: hidden !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .bm-hero-header {
        padding-top: 55px;
    }
    .bm-portfolio-skew {
        bottom: -28vw;
    }
    .bm-navbar-logo img {
        width: 100px;
        margin-top: 0px;
    }
    .bm-navbar-grid {
        margin-top: 0px;
    }
    .bm-navbar-container {
        background: #ffffff;
        padding: 10px 0px;
    }
    .bm-navbar-strip {
        top: 0px;
    }
    .bm-brief-container, .bm-connect-container, .bm-container, .bm-entrybox-container, .bm-feature-container, .bm-hero-container, .bm-menu-toggle, .bm-navbar-menu-container, .bm-nextwork-container, .bm-outro-container, .bm-portfolio-container, .bm-work-container {
        padding: 0 20px;
    }
    .bm-hero-container {
        height: auto;
    }
    .bm-hero-header h1 span {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400;
    }
    .bm-hero-header p {
         padding-top: 0px; 
         padding-right: 0px; 
         line-height: 28px; 
    }
    .bm-hero-content .owl-dots {
        position: absolute;
        left: 152px;
    }
    .bm-screen-item.-full {
        height: auto;
    }
    .who-heading {
        font-size: 35px;
        margin-top: 0px !important;
    }
    .bm-brief-grid-col {
        padding: 0 !important;
        border-left: 0 !important;
    }
    .bm-brief-text.what-we-do {
        margin-top: 110px;
    }
    .bm-brief-photo-item.-v1 {
        width: auto;
    }
    .bm-brief-content {
        padding: 0 ;
    }
    .bm-hero {
        min-height: 340px;
    }
    .bm-brief-text.who-we-are {
        margin-top: 100px;
    }
    .bm-portfolio {
        top: 0rem;
    }
    .bm-brief-photo-item.-v1 {
        top: -72px;
        width: 100%;
    }
    .bm-portfolio-bg {
        background-image: none !important;
    }
    section.bm-connect.-spaced.Employers {
        padding: 0;
        position: relative;
        top: 11rem;
    }
    .bm-connect-header.Employers-header h2{
        margin-left: 0 !important;
        margin-top: 70px !important;
    }
    .flip-card {
        width: 355px;
        margin-top: 30px;
    }
    .flip-card-front {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .flip-card-front .main-sec {
        padding-top: 0px !important;
    }
    .flip-card-front, .flip-card-back {
        height: 100%;
        margin: 0 0;
        padding: 35px 20px;
        width: 100%;
    }
    .bm-feature-skew {
        display: none;
    }
    section.bm-feature.-spaced.industries {
        position: relative;
        top: 34rem;
    }
    .bm-feature-header.industries-heading {
        position: absolute;
        top: -60px;
    }
    .bm-feature-grid.industries-grid {
        margin: 0 !important;
    }
    .bm-feature-items.industries-items {
        margin: 0 !important;
    }
    .boxflipsection.industry-box {
        width: 100%;padding: 0 10px !important;
    }
    .bm-screen-item.contact {
        padding: 0 !important;
        margin-top: 30rem;
    }
    .bm-outro-form.content-form {
        padding-top: 0;
    }
    .bm-outro-grid-col.-v3.contact-grid {
        width: 100% !important;
        margin: 30px 0;
        padding: 20px 0 50px 0;
    }
    .flip-card.consulting-card {
        margin-left: 0 !important;
        margin-bottom: 0rem;
    }
    .flip-card.offshore-card {
        margin-left: 0 !important;
    }
    .flip-card {
        margin-top: 3rem;
    }
    /* ................. */
    .scrollbar-track.scrollbar-track-y {
        display: none;
    }
    .scrollbar-track.scrollbar-track-x {
        display: none !important;
    }

    .boxflipsection {
        width: 485px;
    }
    .width-text {  
          width: auto;
    }
    .bm-hero-body {
        max-width: 340px;
    } 
    .bm-outro-grid-col.-v3 {
        width: 280px !important;
    }
    .flip-card {
        width: 393px;
        height: 140px;
    }
    .flip-card.consulting-card {
        position: relative;
        top: -1.9rem !important;
        left: 0 !important; 
    }
    .flip-card.offshore-card {
        margin-top: 47px !important;
    }
    section.bm-feature.-spaced.industries {
        position: relative;
        top: 50rem;
    }
    .flip-card.offshore-card {
        width: 100%;
    }
    .flip-card.consulting-card {
        width: 100%;
    }
    .flip-card.offshore-card {
        padding: 0;
    }
    .flip-card.consulting-card {
        padding:0;
    }
    section.bm-feature.-spaced.industries {

        top: 28rem;
    }
    .bm-feature-header.industries-heading {
        position: absolute;
        top: 34px;
    }
    .bm-feature-container {
        padding-top: 100px;
    }
  
  }
  @media screen and (max-width: 390px){
     .home-top {
    right: -88px !important;
}
    .bm-brief-photo-item.-v1 {
    
        margin-top: 0px;
    }
    .bm-portfolio {
        top: 0rem;
    }
.flip-card {
    width: 100%;
    height: 140px;    margin-top: 4rem;
}
    .flip-card.offshore-card {
        width: 100%;
    }
    .flip-card.consulting-card {
        width: 100%;
    }
    
  }
 @media screen and (max-width: 767px){
.bm-feature-fill {
    background: #ffffff !important;
}     
.content-box {
    padding-top: 0%  !important;
}
.jobs-contact {
    padding: 0% 0 15% 0  !important;
}    
.career-banner {
    background-position: inherit !important;
}
.health-banner {
    background-position: inherit !important;
}
.bm-outro-skew {
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    transform: skewY(0deg);
        top: 0px;
} 
.industry-box h2{
    font-size: 35px !important;    
} 
.content-form h4{
   font-size: 35px !important;  
   text-align: left !important;  padding-top: 120px;
}  
.bm-form{
     text-align: left !important;    
}
.contact-sidetext {
    padding-top: 0px;
    padding-left: 0px;
}
.box-main {
    margin-top: 12px;
}    
.bm-brief-photo{
  margin-bottom: -88px;
}
.bm-form-group {
    text-align: left;
}
.bm-hero-header h1 {
    margin: 0;
    padding: 0;
    font-size: 54px;
    font-weight: 600;
    line-height: 37px;
    letter-spacing: -.01em;
}
.head-text1 span {
    height: 3px;
}
.bm-hero-header {
    padding-bottom: 90px;
        padding-top: 12px;
}
.bm-hero-body {
    max-width: 100%;
}
.bm-portfolio-header h2 {
    color: #333;
    font-size: 35px !important;
    font-weight: 700;
    margin-left: 0 !important;
}
.bm-portfolio-content {
    padding: 60px 0 60px 0;
    text-align: left;
}
.bm-connect-header h2 {
margin-top: 30px !important;
    font-size: 35px !important;
    font-weight: 700;
    margin-left: 0 !important;
}
.bm-outro-header {
    font-size: 35px;
    font-weight: 700;
    color: #333;
}
.bm-btn_menu-circle {
    background: #fff;
}
.dropdown1:hover .dropbtn1 {
    font-size: 20px;
}
.dropbtn1 {
    font-size: 20px;
    border: none;
    background: transparent;
}
.bantext p span {
    font-size: 34px;
}
.ban-top{
    
}
.section-gap1 img{
width: 100% !important;
padding-bottom: 50px;
}  

.menu-bot ul {
    display: block !important;
} 
.home-top {
    position: relative;
    z-index: 99;
    right: -118px;
    top: 20px;
}
.loginbut {
font-size: 16px;
line-height: 35px;
padding: 0px 15px;    width: 98px;    margin-top: 10px;
}
.loginbut img {
height: 25px;
margin-top: 6px;
}
.bm-social-item {
    width: 32px;
    height: 32px;
    line-height: 33px;
    color: #fff;
    font-size: 12px;
    background: #006080;
    margin: 0 2px;
}

.bm-portfolio{
 
}
footer .media-icons {
    display: flex;
    margin-top: 0;
    margin-bottom: 30px;
}
.sec-title h2 {
    padding-top: 55px;
}
.contact-section{
       padding-bottom: 85px !important; 
}
footer .logofoot img {
    width: 240px !important;
}
.right .loginbut{
display:none;    
}
.loginbut span{
width: auto !important;
background: transparent !important;    
}

.section-gap1 h2 {

}
.section-gap2 {
    padding: 15% 0 !important;
}
.section-gap {
    padding: 15% 0 !important;
}
.section-gap2 h2 {
    padding-bottom: 8% !important;
}
.consulting-banner {
    background-position: right !important;
}
.section-gap1 h3{
 
}
.section-gap img{
 padding-top: 45px;   
}
}










@media screen and (min-width: 991px){

.display-none{
    display: none;
}
}

@media (min-width: 992px) and (max-width: 1400px)
{
.bm-hero-header h1 {
    font-size: 76px;
    line-height: 70px;
}
.bantext p span {
font-size: 48px;
}

}