@media only screen and (min-width:360px) and (max-width:740px){

    body{
          background: rgb(0, 0, 0);color:rgb(255, 255, 255);
      }
      #navbar {
          width: 100%;
          height: 40px;
      }
    
        .nav1 {
          width: 100px;
          height: 33px;
          border: 2px solid black;
          position: absolute;
          left: 0px;
          top: -2px;
        }
        .logo {
          left: 1px;
          width: 75px;
          height: 35px;
          position: absolute;
          top: 4px;
        }
        .nav2 {
          font-size: 13px;
          position: absolute;
          left: -200px;
          width: 40px;
        }
        .nav3{
          position: absolute;
      width: 52px;
      left: 160px;
      font-size: 13px;
        }
       
        .nav4{
          display: none;
      }
       
        .nav5 {
          display: none
        }
        .nav6 {
          position: absolute;
          right: 10px;
          width: 98px;
          height: 35px;
          font-size: 11px;
      
        }
        .img {
          width: 100%;
          height: 400px;
      }
        
        .menu {
          width: 100%;
          height: 500px;
          text-align: center;
        }
        span {
          font-family: myfont;
          font-size: 55px;
        }
        .span-1 {
          font-family: myfont;
          font-size: 35px;
        }
        .span-2{
            font-family: myfont;
            font-size: 35px;
          }
        #first {
          height: 550px;
        }
        .content-1{
        width: 100%;height: 200px;position: relative;top: 80px;margin-top: 40px
        }
        /* .content2{width: 100%;
          height: 300px
        }
         */
         .con1-all{
           position: relative;
           top: 60px;
           margin-top: 50px
         }
         .conlogo{
           position: relative;top: 70px
         }
        .con2-all {
          display: flex;
          justify-content: center;justify-content:space-evenly;width: 100%;position: relative;
        }
        
        .con1 {
          text-align: center;
          font-size: 20px;
          font-weight: 50;
          width: 100%;
          height: 25px;
          position: relative;
          top: 45px
        
        }
        .con2 {
          text-align: center;
          font-size: 25px;
          font-weight: 100;
          height: 25px;
          margin-top: 45px;
          width: 100%;
          position: relative;top: 25px
        }
        .con2-1{position: relative;top: 40px;text-align: center;width: 50%;    display: flex;
          flex-wrap: wrap;
          justify-content: center;
        
        }
        .con2-2{display: none
          
        }
        .con2-3{display: none
          
        }
        .con3{
          text-align: center;width: 100%
          ;position: relative;top: 15px;
        }
        h3 {
          font-weight: 100;
          font-size: 17px;
          color: gray;
        }
        .content2 {
          width: 100%;
          margin: auto;
          align-items: center;
          margin-top: 30px;
          display: flex;
          justify-content: center;
          justify-content: space-evenly;
        }
        .img1 {
          background: #ffffff;
          height: 110px;
          width: 100%;position: relative
          
        }
        .img2 {
          background: #ffffff;
          height: 150px;
          width: 100%;
        }
        .imgthree{
          width:70%;height: 250px;position: relative;left: 15%
        }
        .img3 {
          background: #ffffff;
          height: 110px;
          width: 230px;
        }
        .link1 {
          width: 120px;
          height: 30px;
          border: 1px solid gray;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 15px;
          color: #ffffff;
             position: relative;
        top: 7px;
        }
        .link2 {
          width: 170px;
          height: 45px;
          border: 1px solid gray;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: auto;
          color: #ffffff;
          margin-top: 20px;
        }
        .link3 {
          width: 170px;
          height: 45px;
          border: 1px solid gray;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: auto;
          color: #ffffff;
          margin-top: 20px;
        }
        a {
          text-decoration: none;
          color: white;
        }
        .content3 {
          position: relative;
          width: 99.8%;
          height: 1250px;
          margin-top: 0px;
          background: #ffffff0f;
          top: 200px
        }
        .con3-0 {
          position: absolute;
          top: 50px;
          text-align: center;
          width: 100%;
          left: 0px
        }
        .con3-1 {
          width: 100%;
          font-size: 30px;
          position: absolute;
          top: 100px;
          text-align: center;
        }
        h4.con3-2 {
          width: 100%;
          position: absolute;
          top: 155px;
          text-align: center;
          color: gray;
        }
        .s{
          display: none
        }
         
         
        
        .conimg1{
         width: 100%;height:250px;position: relative;; top: 10px;left: 0px;
        }
        .conimg2{
          width: 100%;height:250px;position: relative;; top: 10px;left: 0px;
        }
        .conimg3{
          width: 100%;height:250px;position: relative;; top: 10px;left: 0px;
        }
        .con4 {
          display: flex;
          justify-content: center;
          justify-content: space-around;
          position: relative;
          top: 230px;width: 100%;
        }
        .con4-0{
          width: 50%;
          position: relative;
          left: 4px;
        }
        .con4-1 {
          font-size: 30px;
          margin-top: -10px;
        }
        .con4-2{
          width: 160px
        }
  
        
        .isl {
          letter-spacing: 10px;
          color: red;    width: 150px;
          font-size: 12px;
        }
        .isl1 {
          letter-spacing: 10px;font-size: 11px;;width: 150px;
          color: red;
        }
        .isl2 {
          letter-spacing: 10px;
          color: red;font-size: 11px
        }
        .direction {
          width: 180px;
          height: 50px;
          border: 1px solid white;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 50px;
        }
        .direction1 {
          width: 160px;
          height: 35px;
          border: 1px solid white;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 50px;    position: relative;
          top: -30px;
          left: 0px;
        }
        .direction2 {
          width: 160px;
          height: 35px;
          border: 1px solid white;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 70px; position: relative;
          top: -30px;
          left: 0px;
        }
        .direction3 {
          width: 160px;
          height: 35px;
          border: 1px solid white;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 50px;
           position: relative;
          top: -35px;
          left: 0px;
        }
        
        .con5 {
          width: 98%;
          display: flex;
          justify-content: center;
          justify-content: space-around;
          position: relative;
          top: 220px;
        }
        .con5-0{
          width: 50%
        }
        .con5-1 {
         width:50%;
            position: relative;
            left:10px;top: 0px
          }
          .images{
            width: 50%
          }
        .con6 {
          display: flex;width: 100%;
          justify-content: center;
          justify-content: space-around;
          position: relative;
          top: 270px;height: 100%
        }
        .con6-1{width: 50%;
          position: relative;left: 4px;
        }
        
        .p {
          position: absolute;
          left: 30px;
          width: 300px;height: 200px
          /* bottom: -520px; */
        }
        .con7{
          position: relative;top: 220px
        }
        
        .con7-3 {
          display: flex;gap: 15px;
          justify-content: center;
          justify-content: space-evenly;flex-direction: column
        }
        .con7-1 {
          text-align: center;
        }
        .con7-2 {
          text-align: center;
          font-size: 50px;
          text-transform: capitalize;
          margin-top: -10px;
        }
      
        .con7-4 {
          width: 100%;
          position: relative;
        }
        /* .con7-4{
          display: none
        }
        .con7-5{
          display: none
        } */
        
        .imgtwo {
          width: 70%;
          height: 250px;;position: relative;left: 15%
        }
        .blur {
          position: absolute;
          right: 0px;
          /* bottom: -1900px; */
        }
        .gujrawala{
          font-size: 10px
        }
        
        .village {
          width: 100%;
          position: relative;
          top: 45px;
      }
      .villagetext{
        font-size: 27px
      }
      .span-3{
        font-size: 25px
      }
      .con-08{
        width: 40%;
        position: relative;
        left: -13px;
        font-size: 12px;
      }
      .con-08 > h2{
        width: 100%;font-size: 30px
      }
      .con-08 > h4{
        width: 100%;font-size: 15px
      }
  
        
        .viltext {width: 100%;
          font-size: 30px;
          text-align: center;
          position: relative;top: 290px
          
          
        }
        .span-4{
          font-size: 35px;text-align: center
        }
        .con8 {
          display: flex;
          height: 600px;
          margin-top: 50px;
          background: #ffffff0f;
          align-items: center;justify-content: center;position: relative;top: 85px
        }
        .con8-0{
          width: 55%;position: relative;left: 15px;
        }
        .con8-1 {
          width: 150px;
          height: 40px;
          border: 1px solid white;
          border-radius: 35px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: green;
        }
        #icons {
          background: white;
          margin-left: 10px;
          color: rgb(255, 0, 140);
          width: 20px;
          height: 20px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        #icons2 {
          background: white;
          color: black;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        #icons3 {
          background: white;
          color: red;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          text-align: center;
          transform: rotate(-35deg);
          margin-left: 5px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .con9 {
          width:100%;
          display: flex;
          justify-content: center;
          justify-content: space-evenly;flex-direction: column;gap: 15px;align-items: center
          
        }
        .con9-0 {
          text-align: center;
          margin-top: 50px;
          font-size: 30px;
          font-weight: 900;
          position: relative;top: 200px
        }
        .con9-0 > h2{
          position: relative;top: -100px
        }
        .con9all{
          position: relative;top: 60px
        }
        .con9-1 {
          width: 70%;
          height: 230px;
          border: 1px solid white;
          background: #ffffff;
          color: black;
          text-align: center;
          border-radius: 5px;
        }
        .loca {
          margin-top: 20px;
        }
        .con9-2 {
          letter-spacing: 8px;
          color: red;
          font-size: 13px;
        }
        .con9-3 {
          margin-top: -10px;
        }
        .con9-4 {
          margin-top: -10px;
        }
        .con9-5 {
          margin-top: -10px;
        }
        
        .con9 > .con9-1 > h2 {
          font-weight: 900;
        }
        .con10 {width: 100%;
          display: flex;
          justify-content: center;gap: 15px;
         
          justify-content: space-evenly;
          margin-top: 50px;flex-direction: column; align-items: center;position: relative;top: 100px
        }
        .allimg {
         width: 60%;
          height: 225px;
          gap: 15px;display: flex
        }
        footer {margin-top: 240px;
         
          background-color: #ffffff0f;
        }
        .footer {
          height: fit-content;
          background: #ffffff0f;
          margin-bottom: -40px;
          display: flex;
          justify-content: center;
          justify-content: space-evenly;
          align-items: center;flex-direction: column;padding-top: 20px
        }
        .imglast {
         position: relative;width: 150px;height: 80px;
        }
        .footerpara{
          width: 80%;text-align: center
        }
        .pfoot {
         width:100%;
       
          text-align: center;
      
        }
        .footer > div > p > a {
          line-height: 30px;
        }
        .foot3 {
          line-height: 30px;
          width: 230px;text-align: center
        }
        .foot4{
          text-align: center
        }
        .appstore {
            position: relative;
         left: 2px;
         top: -15px;
        }
        #footlogo{
          position: relative;left: 10px;
        }
        #facebook {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          top: 20px;
          width: 40px;
          height: 40px;
          font-size: 25px;
          background: red;
          color: #ffffff;
          border-radius: 50%;
        }
        #twitter {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          left: 88px;
          top: -60px;
          width: 40px;
          height: 40px;
          font-size: 25px;
          background: red;
          color: #ffffff;
          border-radius: 50%;
        }
        #insta {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          left: 44px;
          top: -20px;
          width: 40px;
          height: 40px;
          font-size: 25px;
          background: red;
          color: #ffffff;
          border-radius: 50%;
        }
        .lastfoot {width: 100%;
          border-top: 1px solid gray;
          position: relative;
          top: 40px;text-align: center
        }
        .secondlast{
         text-align: center;width: 100%;margin:0px;padding: 20px 0px 25px 0px
        }
        
        .simg {
          position: absolute;
          left: 40px;
          margin-top: 70px;
          width: 300px;
          height: 390px;
        }
        em {
          display: none
        }
        #pkgmall{font-size: 18px;
          position: relative;
    text-align: center;
      width: 100%;
  }
  #rece-1{
    display: none
  }
  .footerhide{
    display: none
  }
  #dishes{
    width: 100%;display:flex;justify-content: center
  }
  #rece{
    width: 100%
  }
  }