*{
  font-weight:600;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}


@media only screen and (max-width: 600px) {
    .example {background: red;}
    .dn-M{
        display: none;
    } 
    
    .Mtm{
margin-top: 5%;
    }

    .widthHeightzone1 {
      width: 227px;
      margin-left: 1.5rem;
      margin-top: -1rem;
      
  }

  
    .colorM{
      background: grey;
   
        }
        .home-section a{
          font-size:14px;

        }
        .mtlobyy{
          margin-top: -62px;
              }

.zIndexM{
z-index:1999;
}
              a.navbar-brand.center.yellowColor {
                font-size: 14px;
            }
}

  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .example {background: green;}
    .dn-L{
      display: none;
    }
    .mobile{
      display: none;
    }


    .modal-dialog {
      max-width: 500px !important;
      margin: 1.75rem auto;
      
  }
  .mtVT{
    margin-top: -36px;

  }

  .zIndexM{
    z-index: 1999;
              }
    .padding-L{
      padding: 1rem 20rem;
    }
    .padding-N{
      padding: 0rem 20rem;
    }
}
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .dh-450 {height: 400px;}
    .dn-L{
      display: none;
    }

    .mobileMEnuText{
      font-size: 12px;
      font-weight: 600;
      
          }

    .mtVT{
      margin-top: -36px;
  
    }
    .mobile{
      display: none;
    }
    .mtlobyy{
margin-top: -80px;
    }
    .modal-dialog {
      max-width: 56%;
      max-height: 400px;
      margin: 1.75rem auto;
  }
  .zIndexM{
    z-index: 1999;
              }
  
    .padding-L{
      padding: 0 20rem;
    }
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    
    .MTLD{
      margin-top: -2rem;
        }
    .row.desktoprem {
      padding: 0rem 8rem;
  }
    .dh-450 {height: 400px;}
    .dn-L{
      display: none;
    }
    .mtVT{
      margin-top: -36px;
  
    }
    .mtlobyy{
     
      margin-top: -80px;
          }
    .padding-L{
      padding:1rem 20rem;
    }
    .modal-dialog {
      max-width: 56%;
      max-height: 400px;
      margin: 1.75rem auto;
  }
  
  .zIndexM{
    z-index: 1999;
              }
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {


    .MTLD{
      margin-top: -2rem;
        }
    .row.desktoprem {
      padding: 0rem 8rem;
  }

   
    .mobileMEnuText{
font-size: 12px;
font-weight: 600;

    }
   
    .desktopSize{
      font-size: 16px;
      color: #fadb35;
      font-weight: 600;
        }

    .dh-450 {height: 400px;}
    dn-L{
      display: none;
    }

    .mobile{
      display: none;
    }
    .mtlobyy{
      margin-top: -80px;
     
          }
          .mtVT{
            margin-top: -36px;
        
          }

          .zIndexM{
z-index: 1999;
          }
    .padding-L{
      padding: 1rem 20rem;
    }
    .padding-LobbyNav{
      padding:0rem 13rem 0rem 12rem;
    }
    .modal-dialog {
      max-width: 56%;
      margin: 1.75rem auto;
      max-height: 400px;
  }
  
  .hero-text-expo-zone1DesktopVideo{
    position: absolute;
    top: 45%;
    left: 50%;
    text-align: center;
    height: 161px;
    width: fit-content;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 27px;
  }

  
  }



  .zone1videocss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 70px !important;
    margin-left: 70px !important;
}
/* kunalllll */
@media only screen and  (min-width: 1500px ) and (max-width: 1800px) {


  .MTLD{
    margin-top: -2rem;
      }
  .hidefooterIcon{
    display: none;
  }


  .row.desktoprem {
    padding: 0rem 5rem;
}
.hero-text-expo-zone1DesktopVideo{
  position: absolute;
  top: 43%;
  left: 46%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}
 

.hero-text-expo-zone21DesktopVideo{
  position: absolute;
  top: 45%;
  left: 105%;
  text-align: center;
  height: 165px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}
    

.hero-text-expo-zone31DesktopVideo{
  position: absolute;
  top: 55%;
  left: 41.2%;
  text-align: center;
  height: 140px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}


.hero-text-expo-zone91DesktopVideo{
  position: absolute;
  top: 48%;
  left: 58.2%;
  text-align: center;
  height: 180px;
  width: 100%;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}


.hero-text-expo-zone41DesktopVideo{
  position: absolute;
  top: 51%;
  left: 68%;
  text-align: center;
  height: 135px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone71DesktopVideo{
  position: absolute;
  top: 55%;
  left: 76%;
  text-align: center;
  height: 140px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone51DesktopVideo{
  position: absolute;
  top: 46%;
  left: 41%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone81DesktopVideo{
  position: absolute;
  top: 46%;
  left: 72%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone61DesktopVideo{
  position: absolute;
  top: 46%;
  left: 61%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

  .desktopSize{
font-size: 14px;
color: #fadb35;
font-weight: 600;
  }

  .pdfcss{
    margin-left: 3.5rem !important;
  
  }
  .logos{
    position: absolute;
    left: 30.5%;
    top: 65%;
    z-index: 9999;
    
  }

  .brwonCss{
    position: absolute;
    left: 78.0%;
    top: 21%;
    z-index: 9999;
  }
 

  .videoBrownCss{
    position: absolute;
    top: 52%;
    left: 51%;
    text-align: center;
    height: 230px;
    width: 100%;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }
  .goldenLogo{
    position: absolute;
    left: 90%;
    top: 12%;
    z-index: 9999;
  }
  
  .goldenCss{
    position: absolute;
    left: 12.0%;
    top: 58%;
    z-index: 9999;
  }
  .videoGoldenCss{
    position: absolute;
    top: 52%;
    left: 48%;
    text-align: center;
    height: 220px;
    width: 100%;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }
}
/* depak */
@media only screen and  (min-width: 1400px ) and (max-width: 1600px) {
  .goldenCss{
    position: absolute;
    left: 14.0%;
    top: 60%;
    z-index: 9999;
  }
  .logos{
    position: absolute;
    left: 32.5%;
    top: 65%;
    z-index: 9999;
  }
  .goldenLogo{
    position: absolute;
    left: 86.5%;
    top: 10%;
    z-index: 9999;
  }
  .pdfcss{
    margin-left: 0.3rem !important;
  
  }
  .brwonCss{
    position: absolute;
    left: 75.0%;
    top: 23%;
    z-index: 9999;
  }
  .videoBrownCss{
    position: absolute;
    top: 52%;
    left: 47%;
    text-align: center;
    height: 175px;
    width: fit-content;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }
  .videoGoldenCss{
    position: absolute;
    top: 52%;
    left: 43%;
    text-align: center;
    height: 175px;
    width: 100%;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }
  
}
/* gorav */

@media only screen and  (min-width: 1281px ) and (max-width: 1440px) {
  /* styles for browsers larger than 1440px; */
  .goldenCss{
    position: absolute;
    left: 14.5%;
    top: 62%;
    z-index: 9999;
  }

  .goldenLogo{
    position: absolute;
    left: 86.5%;
    top: 10%;
    z-index: 9999;
  }


  .videoGoldenCss{
    position: absolute;
    top: 52%;
    left: 38%;
    text-align: center;
    height: 155px;
    width: 100%;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }


  .videoBrownCss{
    position: absolute;
    top: 52%;
    left: 43%;
    text-align: center;
    height: 135px;
    width: 100%;
    transform: translate(-49%, -50%);
    color: white;
    margin-left: 24px;
    padding-bottom: -50px;
  }
 
  .brwonCss{
    position: absolute;
    left: 70.0%;
    top: 25%;
    z-index: 9999;
  }
.pdfcss{
  margin-left: -0.2rem;

}

.pdfcss2{
  margin-left: 2rem;

}

.logos{
  position: absolute;
  left: 34.5%;
  top: 63%;
  z-index: 9999;
}
  
  .MTLD{
    margin-top: -2rem;
      }
  .hidefooterIcon{
    display: none;
  }


  .row.desktoprem {
    padding: 0rem 5rem;
}
.hero-text-expo-zone1DesktopVideo{
  position: absolute;
  top: 43%;
  left: 46%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}
 

.hero-text-expo-zone21DesktopVideo{
  position: absolute;
  top: 45%;
  left: 105%;
  text-align: center;
  height: 165px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}
    

.hero-text-expo-zone31DesktopVideo{
  position: absolute;
  top: 47%;
  left: 52.2%;
  text-align: center;
  height: 160px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}


.hero-text-expo-zone91DesktopVideo{
  position: absolute;
  top: 50%;
  left: 51.2%;
  text-align: center;
  height: 135px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}


.hero-text-expo-zone41DesktopVideo{
  position: absolute;
  top: 51%;
  left: 68%;
  text-align: center;
  height: 135px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone71DesktopVideo{
  position: absolute;
  top: 55%;
  left: 76%;
  text-align: center;
  height: 140px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone51DesktopVideo{
  position: absolute;
  top: 46%;
  left: 41%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone81DesktopVideo{
  position: absolute;
  top: 46%;
  left: 72%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

.hero-text-expo-zone61DesktopVideo{
  position: absolute;
  top: 46%;
  left: 61%;
  text-align: center;
  height: 170px;
  width: fit-content;
  transform: translate(-49%, -50%);
  color: white;
  margin-left: 24px;
  padding-bottom: -50px;
}

  .desktopSize{
font-size: 14px;
color: #fadb35;
font-weight: 600;
  }
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
 
  .MTLD{
    margin-top: -2rem;
      }
  .zone3Button{
    background-color: #efefef;
    color: black;
    font-size: 14px;
    padding: 4px;
    margin-top: -67px;
    margin-right:14px ;
    }
    

  .mobileMEnuText{
    font-size: 11px;
    font-weight: 600;
    
        }
      
        
        .hidefooterIcon{
          display: none;
        }
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .MTLD{
    margin-top: -2rem;
      }
  .zone3Button{
    background-color: #efefef;
    color: black;
    font-size: 14px;
    padding: 4px;
    margin-top: -67px;
    margin-right:14px ;
    }
      
  .mobileMEnuText{
    font-size: 10px;
    font-weight: 600;
    color:#fadb35;
        }
       
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  

  .MTLD{
margin-top: -2rem;
  }
  .mobileMEnuText{
    font-size: 10px;
    font-weight: 600;
    color: #fadb35;
        }

.desktoprem
{

    padding:0rem 5rem;
}

        .mobileLogoSIze{
          height:20px;
        }
        .hidmainNAv 
        {
          display: none;
        }  
  
  
        .hero-text-expo-zone1DesktopVideo {
          position: absolute;
          top: 45%;
          left: 50%;
          text-align: center;
          /* height: 161px; */
          width: 100%;
          transform: translate(-49%, -50%);
          color: white;
          margin-left: 2.375rem}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .hero-text-expo-zone1DesktopVideo {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    text-align: center;
    width: 29%;
    margin-left: 17px;
    transform: translate(-50%, -50%);
    color: white;
}
.desktoprem {
    padding: 0rem 3rem;
}



.zone3Button{
  background-color: #efefef;
  color: black;
  font-size: 14px;
  padding: 4px;
  margin-top: -290px;
  margin-right: -74%;
}

  
  .mobileMEnuText{
    font-size: 10px;
    font-weight: 600;
    color:#fadb35;
        }

        .mobileLogoSIze{
          height:20px;
        }
        .hidmainNAv 
        {
          display: none;
        }  
        
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

 .hidmainNAv 
{
  display: none;
}  
}
.zone32Button {
  background-color: transparent;
  color: black;
  font-size: 14px;
  padding: 0.25rem;
  margin-top: -2.25rem;
  margin-right: -1.625rem;
}

.zone3Button{
  background-color: transparent;
  color: black;
  font-size: 14px;
  padding: 0.25rem;
  margin-top: -2.5rem;
  margin-right: 5.875rem;
  }