@media (max-width: 991px) {
    .header .item-center {order: 3;flex: none;padding-right: 0;}
    .header .item-left, .header .item-right {flex: 0 0 auto;}
    .v-center {justify-content: space-between;}
    .header .mobile-menu-trigger {display: flex;height: 40px;width: 40px;margin-right: 25px;cursor: pointer;align-items: center;justify-content: center;}
    .header .mobile-menu-trigger span {display: block;height: 1px;background-color: #fff;width: 40px;position: relative;}
    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after {content: "";position: absolute;left: 0;width: 100%;height: 100%;background-color: #fff;}
    .header .mobile-menu-trigger span:before {top: -11px;}
    .header .mobile-menu-trigger span:after {top: 11px; width: 20px;}
    .header .mobile-menu-trigger.menu_opened span:after{
    -webkit-transform: rotate(45deg) translate(-4px, -9px);
    -moz-transform: rotate(45deg) translate(-4px, -9px);
    -ms-transform: rotate(45deg) translate(-4px, -9px);
    transform: rotate(45deg) translate(-4px, -9px);
    width: 85%; top: 7px;}
    .header .mobile-menu-trigger.menu_opened span:before {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        -moz-transform: rotate(-45deg) translate(-9px, 6px);
        -ms-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
        width: 85%;
        top: -13px;
        left: 5px;
    }
    .header .mobile-menu-trigger.menu_opened span{background: transparent;}
    .header.is-fixed .mobile-menu-trigger span{background-color: #002856;}
    .header.is-fixed .mobile-menu-trigger.menu_opened span{background: transparent;}
    header.is-fixed .mobile-menu-trigger span:before, header.is-fixed .mobile-menu-trigger span:after{background-color: #002856;}
    .header .item-right {align-items: center;}
    .header .menu {position: fixed;width: 320px;background-color: #ffffff;left: 0;top: 0;height: 100%;overflow: hidden;transform: translate(-100%);transition: all 0.5s ease;z-index: 1099;}
    .header .menu.active {transform: translate(0%); }
    .header .menu > ul > li {line-height: 1;margin: 0;display: block;}
    .header .menu > ul > li > a {line-height: 50px;height: 50px;padding: 0 50px 0 15px;display: block;/*border-bottom: 1px solid rgba(0, 0, 0, 0.1); */color: #000; text-align: center;}
    .header .menu > ul > li > a i {position: absolute;height: 50px;width: 50px;top: 0;right: 0;text-align: center;line-height: 50px;}
    .header .menu > ul > li.social_media_h{text-align: center; padding: 2rem 0; }
    .header .menu > ul > li.social_media_h:before {content: "";display: block;width: calc(100% - 50px);height: 1px;opacity: .5;background: #000000;margin:0 auto 2rem;opacity: .1;}
    .header .menu > ul > li.social_media_h a{border: 0; display: inline-block; padding: 0; width: 50px; margin-left: 0;}
    .header .menu .mobile-menu-head {display: flex;height: 100px; padding-top: 40px; justify-content: space-between;align-items: center;position: relative;z-index: 501;position: sticky;background-color: #ffffff;top: 0;}
    .header .menu .mobile-menu-head .go-back {height: 50px;width: 50px;cursor: pointer;line-height: 50px;text-align: center;color: #000000;font-size: 16px;display: none;}
    .header .menu .mobile-menu-head.active .go-back {display: block;}
    .header .menu .mobile-menu-head .current-menu-title {font-size: 15px;font-weight: 500;color: #000000;}
    .header .menu .mobile-menu-head .mobile-menu-close {height: 50px;width: 50px;border-left: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;line-height: 50px;text-align: center;color: #000000;font-size: 25px;}
    .header .menu .menu-main {height: 100%;overflow-x: hidden;overflow-y: auto;margin-top: 30px;}
    .headBlock .menu-main {display: block;}
    .header .menu > ul > li .sub-menu.mega-menu,
    .header .menu > ul > li .sub-menu {visibility: visible;opacity: 1;position: absolute;box-shadow: none;margin: 0;padding: 15px;top: 0;left: 0;width: 100%;height: 100%;padding-top: 95px;max-width: none;min-width: auto;display: none;transform: translateX(0%);overflow-y: auto;}
    .header .menu > ul > li .sub-menu.active {display: block;}
    @keyframes slideLeft {
      0% {
        opacity: 0; transform: translateX(100%);
      }
      100% {
        opacity: 1; transform: translateX(0%);
      }
      }
      @keyframes slideRight {
      0% {
        opacity: 1;  transform: translateX(0%);
      }
      100% {
        opacity: 0; transform: translateX(100%);
      }
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {margin-top: 0;}
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {margin-bottom: 20px;}
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {margin-bottom: 0px;}
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 100%;padding: 0px;}
    .header .menu > ul > li .sub-menu > ul > li > a,
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {display: block;}
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {margin-bottom: 0;}
    .menu-overlay {position: fixed;background-color: rgba(0, 0, 0, 0.5);left: 0;top: 0;width: 100%;height: 100%;z-index: 1098;visibility: hidden;opacity: 0;transition: all 0.5s ease;}
    .menu-overlay.active {visibility: visible;opacity: 1;}
    .headBlock{display: block;}
    .header-item.item-left{display: flex; align-items: center !important;}
    .logo img {height: 70px; opacity: 1;}
    body.active .logo img{opacity: 0;}    
    .container{padding-left: 30px; padding-right: 30px;max-width: 100%;}
    body, header{ transition: all 0.5s ease;}
    body.active header{margin-left: 320px;}
    body.active{overflow: hidden; height: 100vh;  width: 100%;}
    .opacity-0{opacity: 0;}
    .logo_menu-opened{position: absolute;left: 0;margin-left: 0;right: 0;text-align: center;}
    #mega-menu-wrap-primary .mega-menu-toggle{display: none;}
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{display: block;}
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{background-color: transparent;}
    .header .menu > ul > li, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {display: block;line-height: 50px;padding: 0 15px;text-align: center;}
    .header .menu > ul > li > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{color: #181818 !important; text-align: center;}
    .header .menu > ul > li .sub-menu > ul > li > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{text-align: center; display: block; padding: 5px 0;}
    #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge{text-align: center !important;}
    .mobile-menu-close{display: none;}
    .why_us_sec{background: none; padding: 5em 0;}
    .why_us_box{padding: 1.5em 0;}
    .why_us_sec h2{font-size: 3rem !important; margin-bottom: 1em;}
    .padd_custom{text-align: center; padding: 0;}
    .why_us_box h3 {margin-bottom: 0;}
    .main_title{font-size: 2.5rem !important;}
    .main_title + p{font-size: 16px; color: #181818;}
    .banner_caption h1{font-size: 2.75rem !important;}
    .banner_caption h5{ font-size: 1.25rem;}
    .sub_head{font-size: 2rem;}
    .inner_banner{height: auto;background-position: center center !important;}
    .product_single img{width: 100%;}
    .bt_bb_process_step_content h4 {font-size: 1.2rem;}
    .careerForm, .contact_inner, .about_inner, .about_sec, .Projects_section, .prod_sec, .product_scrolling { padding-top: 40px;  padding-bottom: 40px;}
    .joinTeam_sec .profile_compnyBox h2 {font-size: 2em;}
}
@media (max-width: 767px) {
.footer_bottom{text-align: center;}
.footer_bottom .col-md-6.d-flex{justify-content: center !important;}
.bt_bb_process_step:after{display: none;}
}
@media (max-width: 567px) {
  .address_card .bt_bb_icon_holder{font-size: 34px !important; min-width: 34px;}
  .address_card{padding: 15px;}
}
@media (max-width: 479px) {
  .footer_bottom .col-md-6.d-flex{display: block !important; text-align: center;}
  .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}
}
@media (min-width: 768px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12{padding: 20px;}
}
@media (min-width: 992px) {
  .header .menu > ul > li.menu-item-has-children:hover .sub-menu {margin-top: 0;visibility: visible;opacity: 1;}

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    right: 0;
    width: 180%;
    left: inherit;
    max-width: 960px;
    background: #ffffff;
    transform: translateX(15%) !important;
    top: 67px;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
}
}
@media (min-width: 1200px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    max-width: 1000px;
    transform: translateX(16%) !important;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 100%;
  }
}
@media (min-width: 1366px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1520px;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}
@media (min-width: 480px) and (max-width: 575px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}
@media (min-width: 576px) and (max-width: 767px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .product_scrolling .overlay_text{font-size: 17px;}
}