/*********************************************/
/***LMHS Leadership Page Responsive Design Changes***/
/*********************************************/

@media screen and (min-width: 200px) and (max-width: 1105px){
    body{
        overflow-x: hidden !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 1105px){
    body{
        overflow-x: hidden !important;
    }
    img:not(.masterSideLogo) {
        width: 64% !important;
        height: auto !important;
    }
}
@media screen and (min-width: 200px) and (max-width: 1126px){
    .lmhsleadmidmenu{
        display:none !important;
    }
}
@media screen and (max-width: 360px){
    /*Services page*/
      .BottomColumns{
          width: 89vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 4.5vmin !important;
      }
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      } 
      .aboutlmhssubbackgroundLayer2 h2{
          display:none !important;
      }
  }
  @media screen and (min-width: 361px) and (max-width: 401px) {
      .BottomColumns{
          width: 89vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 4.0vmin !important;
      }
  }
  @media screen and (min-width: 402px) and (max-width: 423px){
      .BottomColumns{
          width:  90vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 4.0vw !important;
      }
  }
  /*USED TO SIZE ALL THE MIDDLE SECTION BETWEEN THE WIDTH OF 475PX AND 424PX*/
  @media screen and (min-width: 424px) and (max-width: 475px){
      .BottomColumns{
          width: 90vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 3.5vmin !important;
      }
  }
  @media screen and (min-width: 476px) and (max-width: 550px){
      .BottomColumns{
          width: 90.5vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 3.0vmin !important;
      }
  }
  @media screen and (min-width: 551px) and (max-width: 618px){
      .BottomColumns{
          width: 91.5vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 2.8vmin !important;
      }
  }
  @media screen and (min-width: 619px) and (max-width: 652px){
      .BottomColumns{
          width: 92vw !important;
          border: none !important;
      }
  
      .aboutpara span{
          font-size: 2.5vmin !important;
      }
  }
  @media screen and (min-width: 653px) and (max-width: 700px){
      .BottomColumns{
          width: 92.5vw !important;
          border: none !important;
      }
      .aboutpara span{
          font-size: 2.1vmin !important;
      }
  }
  @media screen and (min-width: 701px) and (max-width: 734px){
      .BottomColumns{
          width: 93vw !important;   
          border: none !important; 
      }
      .aboutpara span{
          font-size: 2.1vmin !important;
      }
  }
  @media screen and (min-width: 735px) and (max-width: 755px){
      .BottomColumns{
          width: 92vw !important;    
          border: none !important;
      }
      .aboutpara span{
          font-size: 2.1vmin !important;
      }
  }
  @media screen and (min-width: 756px) and (max-width: 790px){
      .BottomColumns{
          width: 93vw !important; 
          border: none !important;   
      }
      .aboutpara span{
          font-size: 2.0vmin !important;
      }
  }
  @media screen and (min-width: 791px) and (max-width: 830px){
      .BottomColumns{
          width: 92.5vw !important; 
          border: none !important;   
      }
      .aboutpara span{
          font-size: 1.9vmin !important;
      }
  }
  @media screen and (min-width: 831px) and (max-width: 920px){
      .BottomColumns{
          width: 93vw !important; 
          border: none !important;   
      }
      .aboutpara span{
          font-size: 1.9vmin !important;
      }
  }
  @media screen and (min-width: 921px) and (max-width: 1000px){
      .BottomColumns{
          width: 93.5vw !important;
          border: none !important;
      }
      .aboutpara span{
          font-size: 1.9vmin !important;
      }
  }
  @media screen and (min-width: 1001px) and (max-width: 1050px){
      .BottomColumns{
          width: 94vw !important;
          border: none !important;
      }
      .aboutpara span{
          font-size: 1.9vmin !important;
      }
  }
  @media screen and (min-width: 1051px) and (max-width: 1105px){
      .BottomColumns{
          width: 97vw !important;
          border: none !important;
      }
  
      .aboutpara span{
          font-size: 1.9vmin !important;
      }
  }
  @media screen and (min-width: 921px) and (max-width: 1105px){
  
  }
  @media screen and (min-width: 375px) and (max-width: 767px){
      .zoneMiddleMenuWrap2 h2{
          display:none;
      }
  }
  /*  THIS WHOLE @MEDIA SECTION IS DEDICATED ONLY TO THE PICTURE RESIZING AND THE TEXT WITHIN THE PICTURE */
  @media screen and (max-width: 375px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 360px) and (max-width: 601px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  /* @media screen and (min-width: 402px) and (max-width: 601px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  } */
  /* @media screen and (min-width: 424px) and (max-width: 439px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 440px) and (max-width: 444px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 445px) and (max-width: 451px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 452px) and (max-width: 460px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 461px) and (max-width: 489px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 490px) and (max-width: 535px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 536px) and (max-width: 557px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 558px) and (max-width: 582px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  }
  @media screen and (min-width: 300px) and (max-width: 582px){
      .menuBackGroundLayerThreeJoinLMHS a{
          display: none !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          display: none !important;
      }
  }
  @media screen and (min-width: 583px) and (max-width: 601px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:45px;
          font-size:  12px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 25px;
          font-size:  20px !important;
      }
  } */
  @media screen and (min-width: 602px) and (max-width: 618px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 26vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:35px;
          font-size:  12px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 25px;
          font-size:  20px !important;
      }
  }
  @media screen and (min-width: 602px) and (max-width: 618px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:45px;
          font-size:  12px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 25px;
          font-size:  21px !important;
      }
  }
  @media screen and (min-width: 619px) and (max-width: 652px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:45px;
          font-size:  13px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 25px;
          font-size:  22px !important;
      }
  }
  @media screen and (min-width: 653px) and (max-width: 700px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .zoneMiddleMenuWrap2 h2 {
          padding-top:0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:40px;
          font-size:  13px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 21px;
          font-size:  23px !important;
      }
  }
  @media screen and (min-width: 701px) and (max-width: 734px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .zoneMiddleMenuWrap2 h2{
          padding-top:0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:35px;
          font-size:  13px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 21px;
          font-size:  23px !important;
      }
  }
  @media screen and (min-width: 735px) and (max-width: 755px){
  .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .zoneMiddleMenuWrap2 h2{
          padding-top: 0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:35px;
          font-size:  13px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 22px;
          font-size:  24px !important;
      }
  }
  @media screen and (min-width: 756px) and (max-width: 790px){
  .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .zoneMiddleMenuWrap2 h2{
          padding-top: 0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;    
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:30px;
          font-size: 14px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 19px;
          font-size:  25px !important;
      }
  }   
  @media screen and (min-width: 791px) and (max-width: 860px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .zoneMiddleMenuWrap2 h2{
          padding-top: 0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:25px;
          font-size:  15px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 18px;
          font-size:  26px !important;
      }
  }
  @media screen and (max-width: 767px){
        .MobileLayout2Leadership{
          position: relative;
           height: 47vw;
       }
       .MobileLayout2Leadership::before {
          content: "About Us";
          font-size: 20px; 
          color: #003b6f; 
          font-weight: bold;
          font-family: verdana, geneva, sans-serif;
          position: relative;
          top: 2px;
          margin-top:0px;
          padding-left: 1em;
      }

    }
  @media screen and (min-width: 861px) and (max-width: 920px){
  .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
          padding-top: 0px !important;
      }
      .zoneMiddleMenuWrap2 h2{
          padding-top: 0px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:20px;
          font-size:  16px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 15px;
          font-size:  27px !important;
      }
  }
  @media screen and (min-width: 921px) and (max-width: 1000px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:17px;
          font-size:  17px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 10px;
          font-size:  28px !important;
      }
  }
  @media screen and (min-width: 1001px) and (max-width: 1050px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 28vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:15px;
          font-size:  18px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 10px;
          font-size:  29px !important;
      }
  }
  @media screen and (min-width: 1051px) and (max-width: 1105px){
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          /* height: 455px !important; */
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
height: 44.5vw !important;
      }
  
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:15px;
          font-size:  17px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 8px;
          font-size:  30px !important;
      }        
  }
  @media screen and (min-width: 1106px){
  
  }