@media (max-width: 600px) {
  .sec_1 {
    padding: 0%, 100;
    background-image: url("Home page.jpg") no-repeat center center/cover;
    height: 100vh;
    display: flex;
    width: 100vw;
    align-items: center;
  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    z-index: 10000;
    position: absolute;
    width: 100vw;
    padding-right: 5%;
  }

  li a {
    display: block;
    color: white;
    text-align: right;
    padding: 10px 10px;
    text-decoration: none;
    float: right;
    /* padding-right: 2%; */
  }

  .header {
    margin: 0%;
    position: absolute;
    top: 40%;
    bottom: 50%;
    transform: translate(30%, -50%);
    font-weight: bold;
    font-size: 32px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  .para {
    margin: 0%;
    position: absolute;
    top: 45%;
    bottom: 50%;
    transform: translate(2%, -50%);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: wheat;
    font-size: 15px;
  }
  .btn {
    margin: 0%;
    position: absolute;
    top: 55%;
    bottom: 35%;
    transform: translate(50%, -50%);
    padding: 10px;
    border-radius: 5px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: wheat;
    background-color: black;
    border: 1px solid #3498db;
    font-size: 20px;
    cursor: pointer;
    overflow: hidden;
  }
  .container {
    text-align: center;
    padding: 5%;
    background-color: darkgrey;
    margin-left: 10%;
  }
  .container h1 {
    text-align: center;
    padding: 2%;
    font-size: 67.9px;
    font-weight: bold;
    font-family: "Merriweather", serif;
  }
  .container p {
    text-align: center;
    font-size: 15px;
    font-family: "Sansita Swashed", cursive;
  }

  .container button {
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
    margin: 10px;
    transform: translate(-5%, -30%);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: wheat;
    background-color: black;
    border: 1px solid #3498db;
    cursor: pointer;
    overflow: hidden;
  }

  .hh {
    position: absolute;
    background-repeat: no-repeat;
    top: 208%;
    text-align: center;
    margin-left: 0%;
    padding: 2%;
    width: 35%;
    height: 60%;
    font-family: "Sansita Swashed", cursive;
    font-size: 20px;
  }
  .hl {
    position: absolute;
    top: 208%;
    text-align: center;
    margin-left: 30%;
    padding: 2%;
    width: 35%;
    height: 60%;
    font-family: "Sansita Swashed", cursive;
    font-size: 20px;
  }
  .hf {
    position: absolute;
    top: 208%;
    text-align: center;
    margin-left: 60%;
    padding: 2%;
    width: 35%;
    height: 60%;
    font-family: "Sansita Swashed", cursive;
    font-size: 20px;
  }
  .hotel {
    background-image: url("hotelLogo.png");
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 220%;
    text-align: center;
    margin: 0%;
    padding: 2%;
    width: 35%;
    height: 90%;
    font-family: "Sansita Swashed", cursive;
    font-size: 10px;
  }
  .luxury {
    background-image: url("tajMahal.jpg");
    opacity: 0.6;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 220%;
    text-align: center;
    margin-left: 30%;
    padding: 2%;
    width: 30%;
    height: 90%;
    font-family: "Sansita Swashed", cursive;
    font-size: 10px;
  }
  .crockery {
    background-image: url("Crockery.jpg");
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 220%;
    text-align: center;
    margin-left: 60%;
    padding: 2%;
    width: 35%;
    height: 110%;
    font-family: "Sansita Swashed", cursive;
    font-size: 10px;
  }
  .sec_5 {
    background-image: url("bedroom.jpg");
    background-repeat: no-repeat;
    margin-top: 10%;
    margin-left: 34%;
    padding: 4%;
    width: 22%;
    height: 60vh;
  }
  .img_1 {
    height: 40%;
    width: 40%;
    max-width: 700px;
    position: absolute;
    margin-left: -40%;
    margin-top: 100%;
    flex: 25%;
  }
  .img_2 {
    width: 63%;
    height: 45%;
    max-width: 500px;
    position: absolute;
    margin-left: -0%;
    margin-top: 100%;
    flex: 25%;
  }
  .img_3 {
    width: 62%;
    height: 30%;
    max-width: 648px;
    position: absolute;
    margin-left: 0%;
    margin-top: 175%;
    flex: 25%;
  }
  .img_4 {
    width: 5048%;
    height: 59.7%;
    float: left;
    max-width: 200px;
    position: absolute;
    margin-left: -40%;
    margin-top: 150%;
    flex: 25%;
  }
  .img_5 {
    width: 50%;
    height: 90%;
    float: left;
    max-width: 235px;
    position: absolute;
    margin-left: -40%;
    margin-top: 225%;
    flex: 25%;
  }
  .img_6 {
    width: 53%;
    height: 60%;
    float: left;
    max-width: 540px;
    position: absolute;
    margin-left: 8.5%;
    margin-top: 225%;
    flex: 25%;
  }
  .img_7 {
    width: 53%;
    height: 30%;
    float: left;
    max-width: 648px;
    position: absolute;
    margin-left: 8.5%;
    margin-top: 301%;
    flex: 25%;
  }
  .img_8 {
    width: 50%;
    height: 60.4%;
    float: left;
    max-width: 500px;
    position: absolute;
    margin-left: -40%;
    margin-top: 339%;
    flex: 25%;
  }
  .img_9 {
    width: 53%;
    height: 60.4%;
    float: left;
    max-width: 648px;
    position: absolute;
    margin-left: 8.5%;
    margin-top: 339%;
    flex: 25%;
  }
  .sec_4 {
    background-color: #111;
    color: white;
    padding: 10px;
    text-align: center;
    margin-top: 343.5%;
    width: 100vw;
  }
}