@media(max-width:1200px)
{
.m-img1 img, .m-img2 img, .m-img3 img, .info-img1 img, .info-img2 img, .info-img3 img {
    max-width: 270px;
    width: 100%;
}
.m-img1 img, .info-img1 img
{
 max-width: auto;
width:auto;   
}
.sbu-slider .owl-nav button.owl-next 
    {
        right:-25px;
    }
.sbu-slider .owl-nav button.owl-prev
{
    left: -25px;
}
}
.f-icons a i{
    font-size:20px;
}

@media(max-width:1024px){
.menu ul li {
    padding: 16px 12px;
}
.hm-banner h1
{
  font-size: 56px;
}
.year-head
{
  font-size: 210px;
  padding-left: 0px;
}
.hrgt-yrs
{
  padding: 0px 27px 25px 0px;
}
.hm-heading
{
  font-size:42px;
}
.life-at-baxy {
    padding: 20px 15px;
}
.life-at-baxy p {
    line-height: 20px;
    padding-bottom: 5px;
}
.logo
{
    margin-top: 10px;
}
.sticky .logo
{
    margin-top: 5px;
}
.m-big-img, .info-big-img, .m-img1, .info-img1, .en-img1, .m-img2, .info-img2, .en-img2,
.m-img3, .info-img3, .en-img3
{
    display: none;
}
.center-img, .info-center-img, .en-center-img {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    transition: all .3s ease-in-out;
    width: 90%;
    right: auto;
    margin: 0px auto;
    z-index: 1;
    margin-bottom: 30px;
}
.mobilty
{
    margin-top: 60px;
}
.hm-enviro {
    height: auto;
}
.en-center-img img
{
    margin:auto;
}
.teamdetails h5
{
    font-size: 22px;
}
.boxygrp h4:before {
    width: 235px;
    left: 103px;
}
.careerslider .owl-nav button.owl-prev
{
    height: 40px;
    left: 0px;
}
.careerslider .owl-nav button.owl-next
{
    right: 0px;
    height: 40px;
}
.careerslider.owl-theme .owl-nav
{
position: absolute;
    left: 0;
    right: 0;
    width: 180px;
    margin: auto;
    bottom:-20px;
}
.careerslidercontainer
{
    overflow: hidden;
    max-width: 100%;
}
.slidercardetails
{
    height: 369px;
}
section.careersection, section.contactdetails
{
    padding:60px 0px 100px 0px;
}
}

@media(max-width:991px){
    
.menu {
    display: none;
}
header .container
{
    padding:0px 30px;
}
.menutxt {
    float: right;
    margin-top:-3px;
}
.logo {
    margin-top: 10px;
    padding-bottom: 10px;
}
.sticky div.logo img
{
  padding-top: 0px;
}
.my-sidenav {
        width: 0px;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        overflow-x: hidden;
        z-index: 999999999;
        height: 100vh;
        max-width: 0px;
        width: 100%;
        background-color:#000;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .my-sidenav>ul {
        padding: 0px 20px 0px;
    }
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }

    .cross-btn1 {
        text-align: right;
        padding: 16px 14px 0px 0px;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
    }
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img
    {
        padding-right: 10px;
        float: right;
        max-width: 35px;
    }

.hm-banner-main
{
  position: relative;
}
.hm-banner {
    position: initial;
    height: auto;
    display: block;
    align-items: initial;
}
.hm-banner-video {
    position: relative;
    top: auto;
    left: auto;
}
.hm-banner .container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
.about-sec, .growth-story, .baxy-numbers {
    height: auto;
    display: block;
    align-items: initial;
}
.about-sec, .baxy-numbers
{
padding: 60px 0px;
}
.story-img {
    padding-top: 40px;
}
.heritage-sl-new .item
{
  border-bottom: none;
  max-width:100%;
  text-align: center;
}
.hrgt-yrs
{
  padding: 0px 10px 0px 10px;
}

.hrgt-yrs:after
{
  display: none;
}
.growth-story
{
padding-bottom:100px;
}
.n-data {
    border-right: none;
    margin-bottom: 30px;
}
.presence-box {
    width: 50%;
    overflow: hidden;
    height: auto;
    min-height:auto;
}
span.cln-fnt {
    font-size: 30px;
    line-height: 36px;
}
.presence-box1
{
    padding:15px;
}
.life-at-baxy {
    height: auto;
}
.connect
{
background-image: url(../images/baxy-auto-mbl.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: inherit;
    padding-top: 60px;
}
.footer-bg h6
{
  padding-bottom:10px;
}
.footer-bg h4
{
  padding-top: 20px;
}
.scl-icon-btm {
    float: none;
    margin-top: 20px;
}
.boxes
{
  width:50%;
}
.heritage-sl-new.owl-theme .owl-nav, .sbu-slider.owl-theme .owl-nav
{
position: absolute;
    width: 170px;
    margin: 0px auto 0px;
    left: 0px;
    right: 0px;  
}
.brdr-about-rght {
    border-right: none;
}
.boxygrp, .boxygrp2
{
    display: block;
}
.boxygrp2
{
    margin-top:70px;
}
.boxygrp img
{
    margin:0px auto 20px;
}
.boxygrp h4:before, .boxygrp h4:after
{
    display: none;
}
.boxygrp .col-md-3, .boxygrp2 .col-md-3{
    margin-bottom:30px;
}
.dark1imgdetails p
{
    max-width: 200px;
}
.dark1img
{
    margin-bottom: 30px;
}
.teamdetails img
{
    margin: auto;
}
section.aboutus-sec
{
    margin-top: 0px;
}
.leader-mbl
{
margin-bottom: 30px;
}
.prsndetails h2.text-right, .prsndetails p.text-right
{
    text-align: left;
}
.businessdetails {
    height: auto;
    display: block;
    margin-top: 30px;
}
.businessdetails p {
    padding: 20px 0 40px;
}
.slidercardetails {
    height: auto;
    padding: 20px;
}
.careerslidercontainer
{
    padding: 20px 15px 50px;
}
.brdrright
{
    padding-right: 0px;
}
.details-contact
{
    display: block;
    min-height: auto;
    margin-bottom: 30px;
}
.brdrright:after
{
    display: none;
}
.press-box
{
    margin-bottom: 40px;
}
.videodiv
{
    right: 170px;
}
.boxygrp .col-md-2 {
    display: block;
    height: auto;
}
.boxygrp h4
{
    text-align: center;
    margin-top: 0px;
}
/*.center-img, .info-center-img, .en-center-img {
    display: none;
}*/
.mobilty-btm video, .mobilty-btm img.enviro-new
{
    margin-bottom: 0px;
}
.mobil-btm-text {
    height: auto;
    display: block;
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 40px;
}
.sbu-slider .owl-nav button.owl-next 
    {
        right:0px;
    }
.sbu-slider .owl-nav button.owl-prev
{
    left: 0px;
}
.hmmainbanner
{
    position:relative;
}
.hmmainbanner .scroll-arrow {
    bottom: 20px;
    left: 30px;
}
.col-md-6 .f-icons{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:10px;
}
.col-md-6 .f-icons a i
{ 
    font-size:18px;
    color:white;
    margin-left:15px;
}
.footer-new .container .col-md-6
{
    display:flex;
    align-items:center;
    justify-content:center;
}
}

@media (max-width: 767px) {

 .presence-box
 {
  width:100%;
 } 
 .busi-sec {
    margin-top: 60px;
}
.bus-text {
    padding: 15px 10px 70px 10px;
}
.bus-text p {
    padding-bottom: 20px;
    min-height: auto;
}
.associate {
    padding: 60px 0px;
}
.footer-new .col-md-12,.footer-btm .col-md-6,.footer-btm .col-md-4
{
    padding:0px;
}
}
@media (max-width: 480px)
{
    .invetorPdf
    {
        margin-bottom:10px;
    }
    .invetorPdf a p
    {
        padding-right:15px;
    }
.hm-banner h1 {
    font-size: 42px;
}
.hm-heading, .h2cmnhdng{
    font-size: 30px;
}
.press-main .h2cmnhdng
{
    font-size:24px;
}
.about-sec p {
    font-size: 18px;
    line-height: 26px;
}
.year-head {
    font-size: 150px;
    line-height: 150px;
}
.growth-story p {
    font-size: 18px;
    line-height: 26px;
}
.boxes
{
  padding: 20px;
}
.connect p {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
}
.baxy-numbers p {
    font-size: 18px;
    line-height: 26px;
    padding-bottom:30px;
}
.baxy-numbers .read-btn {
    padding-top: 40px;
}
.presence-box h5
{
  font-size: 32px;
}
.n-data {
    margin-bottom: 0px;
}
.presence-box
{
  min-height: auto;
}
.presence-box1
{
  border:1px solid #fff;
}
.center-img:hover, .info-center-img:hover, .en-center-img:hover
{
    padding: 15px;
}
.ldrdetails {
    margin: 30px 0;
}
.teamdetails p {
    height: auto;
    margin-bottom: 15px;
}
.videodiv
{
    right: 44px;
}
.numbrsdetails
{
    height: auto;
}
.numbrsdetails h3
{
    font-size: 42px;
}
.boxygrp h3 {
    font-size: 22px;
    margin-bottom: 30px;
}
.psrnpara p
{
    padding: 20px 0px;
}
section.businesssec .container {
    padding: 30px 0;
}
.csr-main h1
{
    font-size: 36px;
}
.n-mdl-inner .modal-body {
    padding: 0px 20px 20px 20px;
}
.modal-dialog.s-wd
{
    margin:10px 0px;
}
.teamdetails
{
    min-height: auto;
}
.close2
{
    margin:15px 15px 15px 0px;
}
.infotech {
    margin-top: 30px;
    margin-bottom: 40px;
}
.mobilty-btm video, .mobilty-btm img.enviro-new
{
    margin:0px;
}
.csr-main h2, .csr-main h3
{
    font-size: 30px;
    line-height: 36px;
}
}
@media (max-width: 420px)
{
.hrgt-yrs {
    padding: 0px 5px 0px 5px;
}
.hm-banner h1 {
    font-size: 38px;
}
.uploadinline label
{
    width:60%;
}
}
@media (max-width:463px){

.footer-new p{
    text-align:center;
}
}
@media (max-width: 380px)
{
  
}
@media (min-width: 1600px)
{
    .bor{
        border-right: 1px solid #b9bab4;
        height: 125px;
        position: absolute;
        top: 37px;
        right: 14px;
    }
   .center-img, .info-center-img, .en-center-img
   {
    width: 50%;
   }
   .m-img1, .info-img1, .en-img1
{
    top:60px;
    padding: 30px 30px 20px;
}
.m-img3, .info-img3,.en-img3
{
    bottom:260px;
    padding: 30px 30px 20px;
}
.m-img2, .info-img2, .en-img2
{
  padding: 30px 30px 20px;
  top: 370px;
}
.m-img2 img, .m-img3 img, .info-img2 img, .info-img3 img
{
    max-width:100%;
    width: 100%;
}
}