@media(max-width:1200px){
}
@media(max-width:991px){ 
    /**/
    .mblV{
        display: block;
    }
    .desktopV{
        display: none;
    }
    .eastern.ptZero {
        padding-top: 0;
    }
    .numbergImg.mb30.mblZero {
      margin-bottom: 0px;
  }
  .lastSec .footnote.remobePad {
      padding-bottom: 0;
  }
  .footwear.remobePad {
      padding-bottom: 0;
  }
  .panIndia h3.black {
      padding-bottom: 20px;
      font-size: 20px;
      line-height: 25px;
  }
  .storeN {
      margin-bottom: 0;
  }
  .qaBodyText .singleImg {
      margin-bottom: 25px;
  }
  .indMen {
      justify-content: start;
      gap: 20px;
  }
  .chairData {
      padding-top: 30px;
  }
  .chairBanner {
      height: auto;
      padding-bottom: 30px;
  }
  .order_1{
    order:1;
}
.order_2{
    order: 2;
}
.making4sec {
  background-image: none;
  height: auto;
  margin-bottom: 50px;
}
.diver {
  padding-bottom: 10px;
}
.ourCompetencies .boxF {
  min-height: 320px;
  margin-bottom: 30px;
}
.aboutMetro {
  padding-bottom: 30px;
}
.leftPrev.rt {
  padding-left: 15px;
}
.res-counter1 {
    left: 15px;
    bottom: 50px;
}
.allMetroBg .aheadData h1 {
  font-size: 30px;
  line-height: 35px;
}
.allMetroBg .aheadData {
  left: 30px;
}
.launchedFirst {
  max-width: 100%;
  padding: 30px 20px;
}
.launchedFirst h4 {
  font-size: 30px;
  line-height: 35px;
}
.launchedFirst p {
  font-size: 20px;
  line-height: 25px;
}
.mblV{
    display: block;
}
.striding {
  background-image: none;
  height: auto;
}
.striding .aheadData {
  position: unset;
  margin-top: 40px;
}
.store4 {
  margin-bottom: 30px;
}
.store10 {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0;
}
.allMetro {
  padding-bottom: 90px;
}
.allMetroBg {
  padding-top: 75px;
  margin-bottom: 0;
}
.allMetroBg .aheadData {
  position: unset;
  margin-bottom: 20px;
}
.storetopSec .blckboxDiv {
  margin-top: 50px;
}
.stakeSec.removeImg {
  margin-bottom: 50px;
}
.stakeSec.gapGty {
  margin-bottom: 50px;
}
.removeImg .jituDiv.jituDivLast {
  padding-top: 0;
}
.footprintsec .blckboxDiv {
  margin-top: 50px;
}
.footlast {
  padding: 0px 0px 50px 0px;
}
.qaPage h3 {
  margin-bottom: 0;
}
.numbergImgN.mb30 {
  margin-top: 0;
  margin-bottom: 50px;
}
.eastern {
    padding-top: 0;
}
.leftSec h3 {
  font-size: 18px;
  line-height: 25px;
  max-width: 100%;
}
.performance {
  margin-bottom: 0;
}
.graphSec {
  padding-top: 40px;
}
.sitemap {
  flex-wrap: wrap;
}
.arvind, .mithun, .alisha {
  padding-top: 0;
}
/**/
.aboutMetro {
  padding-bottom: 30px;
}
.leftPrev.rt {
  padding-left: 15px;
}
.res-counter1 {
  left: 15px;
}
.right-nav {
  display: block;
}
.allMetroBg .aheadData h1 {
  font-size: 30px;
  line-height: 35px;
}
.allMetroBg .aheadData {
  left: 30px;
}
.launchedFirst {
  max-width: 100%;
  padding: 30px 20px;
}
.launchedFirst h4 {
  font-size: 30px;
  line-height: 35px;
}
.launchedFirst p {
  font-size: 20px;
  line-height: 25px;
}
.launchedMain .col-xl-11 {
  padding-right: 12px;
}
.res-counter2 {
    left: 15px;
    bottom: 0px;
}
.launchedMain .item {
    height: 320px;
}
.leftPrev {
  margin-bottom: 20px;
}
.deliverEle .owl-nav button.owl-next{
    right: 0px;
}
.deliverEle .owl-nav button.owl-prev{
    right: 45px;
}
.launchedMain {
  padding-bottom: 50px;
}
.acrossPre {
  margin-bottom: 30px;
}
.indMen {
  min-height: auto;
  max-width: 100%;
  width: 100%;
}
.indiaLargest {
  padding: 50px 0px;
}
.abtbanner {
  padding-bottom: 30px;
  margin-bottom: 0;
}
.ecomPage .aboutMetro h3 {
  font-size: 30px;
  line-height: 35px;
}
.sixExcl h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.esclusivelinkslist {
  position: relative;
  margin-top: 20px;
}
.anInt {
  padding: 0px 0px 50px 0px;
}
.omniCha {
  margin-bottom: 30px;
}
.aqText {
  margin-top: 30px;
}
.qaAcor .accordion-button {
  font-size: 16px;
  line-height: 19px;
}
.bod h1 {
  font-size: 30px;
  line-height: 35px;
}
.toggData {
  margin-bottom: 30px;
}
.makingsec .makingsechead h1 {
  font-size: 30px;
  line-height: 35px;
}
.making1Div {
  margin-bottom: 25px;
}
.making3sec {
  padding-top: 30px;
  padding-bottom: 30px;
}
.making3Div {
  margin-top: 40px;
}
.making5mainDiv {
    padding: 20px 15px;
}
.making3Div {
    margin-top: 20px;
}
.leftSec h3 {
  max-width: 100%;
  margin-bottom: 20px;
}
.chairData {
  padding-left: 0px;
  padding-bottom: 50px;
}
.performance h1 {
  font-size: 30px;
  line-height: 35px;
}
.managearvind {
  padding-bottom: 0;
}
.leftSec h1 {
  font-size: 30px;
  line-height: 35px;
}
.acapital {
    height: auto;
    padding: 30px 0px;
}
.eastern h3 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}
.eastern {
    padding-bottom: 30px;
    padding-top: 30px;
}
.footprintsec .footprintHead h1 {
  font-size: 30px;
  line-height: 35px;
}
.footprintsec {
    padding-top: 75px;
    margin-bottom: 30px;
    background-size: cover;
}
.jituDiv {
  max-width: 100%;
  border-bottom: 1px solid #E8222E;
  padding-bottom: 15px;
  margin-bottom: 20px;
  padding-top: 120px;
}
.greyboxTest {
  padding: 30px 15px 45px 15px;
}
.testinomialName {
  border-right: 0px solid #E8222E;
}
.stakeTestimonial .stakeTestimonialData h1 {
  font-size: 30px;
  line-height: 35px;
}
.mblGap{
    margin-top: 25px;
}
.store2Para {
  padding-bottom: 20px;
}
.store3Para {
  margin-bottom: 30px;
}
.store3 {
  padding: 30px 0px;
  margin-bottom: 0;
}
.store6 {
  padding: 50px 0px 0px 0px;
}
.store8 {
  margin-bottom: 0;
}
.store7Para {
  padding-top: 30px;
  margin-bottom: 30px;
}
.store7 {
    padding: 10px 0px 0px 0px;
    margin-bottom: 0;
}
.storeGreybox {
    padding: 20px 15px;
    border-radius: 34px;
    margin-bottom: 0;
}
.store1Div {
  padding-bottom: 20px;
}
.store1Para {
  padding-bottom: 20px;
}
.storetopSec {
    padding-top: 75px;
    margin-bottom: 20px;
}
.store2 {
  margin-bottom: 20px;
}
.storeGreybox {
    margin-top: 20px;
}
.store5 {
  padding-top: 0;
}
.store5Para {
  padding-top: 30px;
  margin-bottom: 20px;
}
.store8head h1 {
  font-size: 30px;
  line-height: 35px;
}
.clarksimg h1 {
  font-size: 30px;
  line-height: 35px;
}
.striding .aheadData h1 {
  font-size: 30px;
  line-height: 35px;
}
.striding .aheadData h3 {
  font-size: 18px;
  line-height: 23px;
}
.store {
    height: auto;
    background-image: none;
    margin-bottom: 0px;
}
.brandPortfolio {
    padding: 50px 0px 0px 0px;
}
.aboutMetro h3 {
  font-size: 30px;
  line-height: 35px;
}
.mochiImg {
  border-right: 0px solid #000;
  min-height: auto;
  margin-bottom: 20px;
}
.mochiMetro {
  margin-bottom: 30px;
}
.indState h5 {
  font-size: 30px;
  line-height: 35px;
}
.storesFor {
  padding-top: 50px;
  margin-bottom: 50px;
}
/**/
.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:#000000;
    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 10px 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: 0;
    float: right;
    padding-left: 50px;
}

.ham-icon1 {
    display: block;
    padding-right: 15px;
    position: relative;
    z-index: 9;
}

#tab_selector,
#tab_selector1 
{
  border: 1px solid #000;
  width: 100%;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 30px;
  color: #000;
  font-size: 18px;
  line-height: 26px;
  padding: 12px 15px;
  appearance: none;
  background: url(../images/s-down-arrow.png) !important;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  margin-top:0px;
  display: inline-block;
}
#tab_selector
{
   padding: 12px 40px 12px 15px;   
}

select:focus-visible
{
  outline: none;
  box-shadow: none;
}

#vc-tab, #myTab
{
    display: none;
}
.rightmenu ul 
{
    display: none;
}
.headertxt
{
    border-left: none;
}
.mainslider .swiper-slide, .buildinglegacysec, .hm-guiding
{
    height: auto;
}
.hm-guiding h6
{
    margin-top: 0px;
}
.hm-guiding
{
    padding: 50px 0px;
}
.hm-guiding .explore-btn
{
    margin-bottom: 40px;
}
.hm-guiding h2 {
    margin-bottom: 30px;
}
.hm-striding
{
    background-attachment: initial;
    display: block;
    height: auto;
    padding-bottom: 60px;
}
.hm-striding p
{
    max-width: 100%;
}
.striding-img
{
    margin-bottom: 30px;
}
.stroke-text {
    font-size: 90px;
}
.hm-highlights
{
    height: auto;
    padding-top: 40px;
}
.hl-top-text, .highliht-main {
    opacity: 1;
}
.highliht-main, .chairmanSection {
    height: auto;
}
.highliht-top-img {
    position: relative;
    top: auto;
    left: auto;
    z-index: 5;
    margin-bottom: 40px;
}
.stroke-text, .highliht-center-img
{
    display: none;
}
.hm-highlights h2 {
    margin-bottom: 45px;
}
.chairBg::after
{
    display: none;
}
.chairContent p
{
    max-width: 100%;
}
.abt-metrobrands
{
    height: auto;
    display: block;
    padding: 60px 0px;
}
.metrobrands-wrap
{
    height: auto;
}
.metrobrands-data {
    height: auto;
    display:block;
    position: relative;
    left: auto;
    top: auto;
    transform: initial;
    padding: 60px 0px;
}
.brands-left
{
    text-align: left;
}
.brands-left h2, .brands-left p 
{
    text-align: left;
}
.b-center
{
    display: none;
}
.hm-journey
{
    height: auto;
    display: block;
    padding: 60px 0px 120px 0px;
}
#road-tab
{
    display: none;
}
.key-tabcontent .explore-btn
{
    position: relative;
    z-index: 9;
    margin-top: 20px;
}
.foot-tabcontent h6, .foot-graph1
{
    position: relative;
    z-index: 9;
}
.hm-thumbnail .swiper
{
    max-width: 100%;
}
.e-commerce
{
    height: auto;
    display: block;
    padding-top: 60px;
}
.e-commerce-text {
    opacity: 1;
}
.e-commerce-img
{
    position: relative;
}
.my-sidenav>ul>li>ul>li>a img {
    filter: invert(1) brightness(2);
}
}

@media (max-width: 767px) 
{
    .hmvideo-mbl
    {
        display:block;
    }
    .hmvideo, .headertxt
    {
        display:none;
    }
    header:after {
        width: 50px;
        height: 35px;
    }
    .hm-mainhead {
        font-size: 30px;
        line-height: 36px;
    }
    .hm-striding p {
        font-size: 18px;
        line-height: 26px;
    }
    .hm-striding
    {
        padding-bottom: 40px;
    }
    .guiding-box
    {
        padding: 30px 25px;
        min-height: 370px;    
    }
    .guiding-box h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .guiding-box h3 span {
        font-size: 22px;
        line-height: 28px;
    }
    .hm-guiding
    {
        padding: 40px 0px 20px 0px;
    }
    .hm-guiding h2 {
        margin-bottom: 15px;
    }
    .highliht-wrap
    {
        display: block;
        margin-bottom: 0px;
    }
    .highliht-wrap h3
    {
        font-size: 30px;
        padding-top: 5px;
    }
    .highliht-left, .highliht-right
    {
        margin-bottom: 25px;
    }
    .hm-highlights h2 {
        margin-bottom: 20px;
    }
    .highliht-left, .highliht-right {
        max-width: 100%;
        width: 100%;
    }
    .highliht-wrap p, .highliht-wrap h5
    {
        font-size: 18px;
    }
    .hm-guiding {
        background-image: url(../images/mbl/our-guiding-principles-bg-mob.webp);
    }
    .hm-highlights {
        background-image: url(../images/mbl/the-pace-we-set-img-bg-mob.webp);
    }
    .chairmanSection {
        background-image: url(../images/mbl/chairman-bg-mob.webp);
        padding: 40px 0px;
    }
    .chairContent h2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .chairContent p, .abt-metrobrands p {
        font-size: 18px;
    }
    .chairContent h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .abt-metrobrands {
        background-image: url(../images/mbl/about-metro-brands-img-mob.webp);
        padding: 40px 0px;
    }
    .metrobrands-data {
        background-image: url(../images/mbl/about-metro-brands-img-mob.webp);
        padding: 40px 0px;
    }
    .metrobrands-data h2 {
        font-size: 28px;
        line-height:34px;
    }
    .metrobrands-data p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
        min-height: 60px;
    }
    .brands-left, .brands-right
    {
        margin-bottom: 15px;
    }
    .metrobrands-counter
    {
        bottom: 50px;
        left:auto;
        right:30%;
    }
    .metrobrands-slider .owl-nav button.owl-next
    {
        right: 0px;
    }
    .metrobrands-slider .owl-nav button.owl-prev
    {
        right: 45px;
    }
    .metrobrands-data .explore-btn
    {
        text-align: left;
    }
    .portfolio-wrap
    {
        gap:15px;
    }
    .brand-logo
    {
        padding-right: 15px;
        border-right: none;
    }
    .portfolio-wrap {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .brand-portfolio h3 {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 20px;
    }
    .portfolio-wrap1
    {
        display: block;
    }
    .highliht-wrap h4
    {
        font-size: 18px;
        line-height: 26px;
    }
    .metrobrands-slider.owl-carousel .owl-item .portfolio-wrap1 .brand-logo img {
        width:auto;
    }
    .portfolio-wrap1 .brand-logo {
        float: left;
        width: 50%;
    }
    .prdct-cat-wrap
    {
        display: block;
    }
    .prdct-det
    {
        width: 33%;
        float: left;
        border-right: none;
        margin-bottom:15px;
    }
    .prdct-det p
    {
        padding-top: 5px;
        min-height: auto;
    }
    .portfolio-wrap1 .brand-logo {
        height: 70px;
    }
    .prdct-cat h4
    {
        padding-bottom: 30px;
    }
    .hm-journey {
        padding: 40px 0px 100px 0px;
    }
    .hm-journey h2 {
        margin-bottom: 15px;
    }
    .journey-box
    {
        display: block;
        height: auto;
        min-height: 485px;
    }
    .journey-text {
        padding: 10px 20px 20px 20px;
        width: 100%;
    }
    .journey-text h4
    {
        font-size: 18px;
    }
    .hm-keyperformance
    {
        padding: 40px 0px;
    }
    .e-commerce
    {
        padding-top: 40px;
    }
    .e-commerce h2 {
        line-height: 36px;
    }
    .e-commerce p {
        font-size: 18px;
    }
    .mgmtred {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        min-height: 400px;
    }
    .mgmtred p
    {
        padding: 15px 15px 0px 15px;
    }
    .mgmt-team {
        padding: 40px 0px 90px 0px;
    }
    .mgmt-box
    {
        padding: 0px;
    }
    .mgmt-box h4 {
        padding-top: 20px;
        padding-left: 20px;
    }
    .mgmt-box h6 {
        padding-bottom: 20px;
        padding-left: 20px;
    }
    .mgmt-team h2 {
        margin-bottom: 10px;
    }
    .mgmt-slider .owl-nav button.owl-prev,
    .mgmt-slider .owl-nav button.owl-next
    {
        bottom: -130px;
    }
    .mgmt-counter {
        left: 15px;
        bottom: 35px;
    }
    .highliht-left-img
    {
        margin-bottom: 30px;
    }
    .hm-highlights .explore-btn {
        text-align: left;
        position: relative;
        left: auto;
        bottom: auto;
    }
    .hilight-counter
    {
        left: 15px;
        bottom: -55px;
    }
    .hilight-slider .owl-nav button.owl-prev,
    .hilight-slider .owl-nav button.owl-next
    {
        bottom:0;
    }
    .metrobrands-data h6.footnote
    {
        margin-bottom: 10px;
    }
    .mbl-icon1
    {
        text-align: center;
    }
    .mbl-icon1 img
    {
        width: 100px;
    }
    .b-mbl h5 {
        padding-top: 10px;
        text-align: center;
    }
    .b-mbl
    {
        margin-bottom: 20px;
    }
    .hm-thumbnail, .d-img
    {
        display: none;
    }
    .mb-img
    {
        display: block;
    }

    .store-text {
        top: 60px;
        left:20px;
    }
    .mainslider .swiper-button-prev1111 {
        left: 15px;
        bottom: auto;
        top: 50%;
    }
    .mainslider .swiper-button-next1111 {
        right: 15px;
        bottom: auto;
        top: 50%;
    }
    .testimonial {
        background-image: url(../images/mbl/stakeholder-testimonials-bg-mob.webp);
        padding: 40px 0px 40px 0px;
    }
    .testimonial h2 {
        margin-bottom: 10px;
    }
    .texti-box p {
        position: relative;
        font-size: 20px;
        line-height: 28px;
        min-height: 356px;
    }
    .texti-box {
        padding: 30px 20px 20px 50px;
        min-height: 505px;
    }
    .texti-box h4
    {
        font-size: 18px;
        float: none;
    }
    .testi-namewrap div {
        float: none;
        margin-top: 10px;
    }
    .responsiblity {
        background-image: url(../images/mbl/making-img2-mob.webp);
        align-items: flex-end;
        padding-bottom: 80px;
    }
    .res-slider .owl-nav button.owl-next
    {
        right: 15px;
    }
    .res-slider .owl-nav button.owl-prev
    {
        right: 65px;
    }
    .res-counter {
        right: 33%;
        left: auto;
    }
    .footer-wrap
    {
        display: block;
        max-width: 100%;
        padding: 20px 20px 0px 20px;
        margin-bottom: 30px;
    }
    .footer-wrap p {
        border-right: 0px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .footer-wrap p img
    {
        float: right;
    }
    footer {
        padding: 30px 0px 18px 0px;
    }
    .foot-social {
        margin-bottom: 40px;
    }
    .footer-logo
    {
        margin-bottom: 30px;
    }
    .hilight-counter, .metrobrands-counter, .journey-counter, .mgmt-counter, .res-counter
    {
        display: none;
    }

.journey-slider .owl-nav button.owl-prev,
.journey-slider .owl-nav button.owl-next
{
    bottom:-60px;
}
#wrapper
{
    overflow-x: hidden;
}
.mgmt-team .explore-btn {
    margin-top: 30px;
    width: 100%;
}
.responsiblity .explore-btn {
    margin-top: 30px;
    width: 200px;
}
.res-slider .owl-nav button.owl-prev,
.res-slider .owl-nav button.owl-next
{
    bottom: -70px;
}
}
@media (max-width: 420px){

}
@media (max-width: 380px){
    .responsiblity
    {
        padding-bottom: 30px;
    }
}
@media (max-width: 360px){
    .mgmt-team .explore-btn a
    {
        padding: 7px 0px 10px 10px;   
    }
    .texti-box p
    {
        font-size: 18px;
    }
}