@media only screen and (max-width: 502px) {

  .bg-main-img{
    object-fit: cover !important;
  }
  #about{
    padding: 50px 0px !important;
    }
    #map{
      padding: 50px 0px !important;
    
    }
    .navlogo{
      width: 30%;
      text-align: start !important;
    }
    .navlogo img{
      width: 100%;
    }
    #logo-margin{
      margin-top: 2px !important;
    }
    
    .more-img{
      display: none !important;
    }
    .main-nav-right-text a{
    font-size: 10px !important;
    }
    .main-nav-right-text button{
      font-size: 10px !important; 
      }
      .container{
        padding: 0px !important;
      }
      .main-navbar{
        padding: 0px !important
      }
      .thc-vision-text{
        font-size:  28px;
        text-shadow: 0px 0px 10px rgb(221, 99, 0);
      }
            .thc-vision-sub-vedio iframe{
      height: auto !important;
      width: 100%;
      padding: 0px;
            }
             
}