@media (Max-width: 678px){
    header{
  
      width: 100%;
      height: 700px;
     background-size: cover;
      background-repeat: no-repeat;
    background-clip: cover;
      background-image: url("./travel_trend_image/bgimage2.jpg");
    }
    .backgroundimage {
      height: 700px;
       
    background-position: 50%;
    opacity: 9;
    background: rgba(45, 43, 43, 0.295);
    
       
         
      }
  
      .logo .logoimg {
          width: 130px;
          margin-left: 30px;
          margin-top: 30px;
        }
        .call{
          display: flex;
          justify-content: center;
          align-items: center;
          justify-items: center;
          margin-left: 20%;
        }
        .call .call1 {
          width: 20px;
         margin-top: -11px;
        }
        .number{
          display: flex;
          justify-content: center;
          align-items: center;
          justify-items: center;
          margin-left: 10%;
        }
        .number .no {
          color: white;
          font-size: 15px;
          font-weight: 700;
          margin-top: -16px;
          font-family: "Montserrat";
        }
  
  
        #menu_toggle {
          opacity: 0;
        }
        #menu_toggle:checked + .menu_btn > span {
          transform: rotate(45deg);
        }
        #menu_toggle:checked + .menu_btn > span::before {
          top: 0;
          transform: rotate(0deg);
        }
        #menu_toggle:checked + .menu_btn > span::after {
          top: 0;
          transform: rotate(90deg);
        }
        #menu_toggle:checked ~ .menu_box {
          left: 0 !important;
        }
        label{
  position: absolute;
  
         
        }
        .menu_btn {
          /* background-color: black; */
          display: flex;
          justify-content: end;
          justify-items: end;
        float: right;
         position: absolute;
          top: 40px;
          left: 90%;
          width: 25px;
          height: 25px;
          cursor: pointer;
          z-index: 1;
        
        }
        .menu_btn > span,
        .menu_btn > span::before,
        .menu_btn > span::after {
          display: block;
          position: absolute;
          width: 100%;
          height: 2px;
          background-color: #ffffff;
          transition-duration: 0.25s;
          display: flex;
          justify-content: end;
          justify-items: end;
        }
        .menu_btn > span::before {
          content: "";
          top: -8px;
        }
        .menu_btn > span::after {
          content: "";
          top: 8px;
        }
        .menu_box {
          display: flex;
          justify-content: end;
          justify-items: end;
          display: block;
          position: fixed;
          position: absolute;
          top: 0;
          left: -200%;
          width: 65%;
          height: 85%;
          margin: 0;
          padding: 80px 0;
          list-style: none;
          background-color:rgb(255, 255, 255) ;
          box-shadow: 2px 2px 6px rgba(0,0,0,.4);
          transition-duration: .30s;
          z-index: 2;
       
       }
       .menu_box a :hover{
          color: rgb(239,  112, 39);
          
         }
         .gif{
  visibility: visible;
         }
         .giff{
          margin-top: 30px;
          width: 200px;
         visibility: visible;
         }
       hr{
          visibility: visible;
          margin-top: 20px;
  
       }
       .menu_item1 .p1{
          color: black;
          font-weight: 900;
        font-size: 19px;
        margin-left: 30px;
   /* margin-left: -450px;
  margin-top: -70px; */
  display: flex;
  justify-content: left;
      
       }
       .menu_item2 .p2{
          margin-left: 30px;
          color: black;
          font-weight: 900;
        font-size: 19px;
  display: flex;
  justify-content: left;
  align-items: baseline;
  justify-items: baseline;
      
       }
       .menu_item3 .p3{
          margin-left: 30px;
          color: black;
          font-weight: 900;
        font-size: 19px;
        display: flex;
  justify-content:left ;
      
       }
       .menu_item4 .p4{
          margin-left: 30px;
          color: black;
          font-weight: 900;
        font-size: 19px;
        display: flex;
  justify-content: left;
     
       }
       .menu_item5 .p5{
          margin-left: 30px;
          color: black;
          font-weight: 900;
        font-size: 19px;
        display: flex;
  justify-content: left;
      
       }
      
       .text h1 {
     
          color: white;
          font-family: "Montserrat";
          font-size: 37px;
          font-style: bold;
          font-weight: 900;
          display: flex;
          justify-items: center;
          justify-content: center;
          text-align: center;
          margin-top: 220px;
        }
        .search-container {
          display: flex;
          justify-content: center;
          margin-top: -0px;
          padding-left: 40px;
          padding-right: 40px;
          

      }
      .search-bar {
        height:23px;
          width: 540px;
          /* max-width: 400px; */
          padding: 10px;
          border: 2px solid #fdf7f7;
      border-top-left-radius:10px ;
      border-bottom-left-radius:10px ;
          font-size: 16px;
      }

        /* whatsapp */

        .whatsapp{
            /* display: flex; */
            /* justify-content: end; */
            /* justify-items: end; */
            /* padding-right: 80px; */
            display: inline-block;
            position: absolute;
            margin-left:90%;
            margin-top: 15%;
            animation-name: mymove;
            animation-duration: 3s;
            position: fixed;
            z-index: 7;
        
          }
        
          .whtsimg {
            height: 60px;
            width: 60px;
          }
        
          @keyframes mymove {
            0% {
              display: inline-block;
              position: absolute;
              margin-left: 100%;
              margin-top: 15%;
              animation-name: mymove;
              position: fixed;
              z-index: 7;
            }
            100%
             {
              display: inline-block;
              position: absolute;
              margin-left: 90%;
              margin-top: 15%;
              animation-name: mymove;
              position: fixed;
              z-index: 7;
            }
          }
          
        


           /* whatsapp */


      
      .middletext{
        color: black;
       margin-top: -240px;
    
     text-align: center;
     justify-content: center;
    
      }
     
     .text2{
    justify-items: center;
        position: relative;
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 300px;
    
    
    
      }
      .huma {
        white-space: 20px;
      border-image: space;
        display: flex;
        justify-content: center;
        justify-items: center;
        align-items: center;
        height: 200px;
           padding-left: 30px;
           padding-right: 30px;
            /* margin-left: 170px; */
         margin-top: 60px;
        /* background-color: aqua; */
    /* background-color: plum; */
        
          }
  
      .middletex3{
        color: black;
        margin-top: 50px;
      }
      .text3{
        display: flex;
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 50px;
    
      }
  
      .middletex4{
        color: black;
        margin-top: 30px;
      }
      .text4{
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 50px;
    
    
    
      }
      .middletex5{
        color: black;
    
      }
      .text5{
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 40px;
    
    
    
    
}
.middletex6{
    color: black;

  }
  .text6{
color: black;
text-align: center;
justify-content: center;
font-size: 25px;
font-family: "Montserrat";
font-weight: 600;
margin-top: 40px;


  }
  .mainslider{
      margin-top: 50px;
      background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
      
        }
          .slider {
       width: 100%;
       align-items: center;
       justify-content: center;
       text-align: center;
        overflow: hidden;
      padding-left: 30px;
      padding-right: 30px;
      
      }
      
      .slide {
        align-items: center;
        justify-content: center;
        text-align: center;
       display: none;
        width: 100%;
       
       
      }
      
      .slide img {
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 190px;
        background-position: 50%;
       
      }
      
      .active {
        display: block;
      }

        /* formstart */
     /* formstart */

     .mainformcontainer{

      display: flex;
  
 justify-content: center;
        height: 440px;
        margin-top: 50px;
        padding-left: 100px;
        padding-right: 100px;
       
      
      }
      
      
      .formcontainer1{
        
      display: grid;
   
      gap: 20px;
      height: 160px;
      width: 370px;
      }
      .formcontainer1 input{
        padding-left: 20px;
      }
      
      
      .formcontainer2   {
        margin-left: 1px;
        margin-top: 20px;
        display: flex;
     

        height: 190px;
        width: 130%;
       
     
      }
       .formcontainer2 input{
        width: auto;
     
        padding-left: 20px;
        

        margin-left: 0px;
    
        display: flex;
/* width: 700px; */

        height: 190px;
        width: 88%;
       
      } 
   
             
                
                        /* end form */

                        .mainfooter{
                          display: flex;
                          flex-wrap: wrap;
                          background-size: contain;
                        
                         }
                    
                         .orangefooter{
                          background-color: rgb(239, 112, 39);
                        
                          height: 500px;
                          width: 100%;
                          margin-top: 120px;
                    
                         }
                         .mainwhitefooter{
                          padding-left: 30px;
                          padding-right: 30px;
                         }
                         .whitefooter{
                          border-radius: 5px;
                          margin-top: -90px;
                          background-color: white;
                          width: 100%;
                          height: 500px;
                          box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.334);
                         display: flex;
                         }
                    
                         .firstdiv{
                          /* background-color: darkgoldenrod;
                          width: 36%; */
                       
                           
                          }
                          .ftlogo{
                         
                           padding-left: 30px;
                           padding-top: 30px;
                          }
                          .ftlogoimg{
                           width: 130px;
                          }
                     
                          .footertext1{
                       display: flex;
                           padding-left: 30px;
                           padding-top: 20px;
                           width: auto;
                          }
                          .fttext1{
                          
                     font-size: 18px;
                     font-family: "Montserrat";
                     font-weight: 900;
                     
                          }
                          .footertext2{
                           display: flex;
                           padding-left: 30px;
                        /* margin-top: 20px; */
                        width: auto;
                          }
                          .input{
                      width: 250px;
                     
                      height: 30px;
                      border-radius: 5px;
                     padding-left: 20px;
                      margin-top: 20px;
                          }
                          .footertext3{
                           padding-left: 30px;
                           padding-top: 20px;
                          }
                     
                          .fttext3{
                           font-size: 12px;
                           font-family: "Montserrat";
                     font-weight: 900;
                          }
                     
                          .seconddiv{
                           /* background-color: palegreen; */
                           /* height: 500px;
                           width: 400px; */
                           margin-top: 130px;
                           margin-left: -280px;
                           
                           
                          }
                          .ftsecondtext1{
                           padding-top: 80px;
                           padding-left: 20px;
                          }
                          .ftsecondptext{
                           font-size: 18px;
                           font-family: "Montserrat";
                           font-weight: 900;
                          }
                     
                          .ftsecondtext2{
                           padding-top: 10px;
                           padding-left: 20px;
                          }
                          .ftsecondptext1{
                           font-family: "Montserrat";
                           font-weight: 900;
                           font-size: 12px;
                          margin-top: 17px;
                          margin-top: 20px;
                          }
                     
                     /* thirddiv */
                     
                          .ftthirdtext1{
                           padding-top: 80px;
                           padding-left: 180px;
                          }
                          .ftthirdptext{
                           font-size: 18px;
                           font-family: "Montserrat";
                           font-weight: 900;
                          }
                     
                          .ftthirdtext2{
                           padding-top: 10px;
                           padding-left: 180px;
                          }
                          .ftthirdptext1{
                           font-family: "Montserrat";
                           font-weight: 900;
                           font-size: 12px;
                          margin-top: 17px;
                          }
              
              
                          /* fourdiv */
                          .fourdiv{
                            /* background-color: aqua; */
                            margin-top: 100px;
                            margin-left: -138px;
                          }
                     .ftfourtext1{
                       padding-top: 80px;
                       padding-left: 20px;
                     }
                     .ftfourptext{
                       font-size: 18px;
                       font-family: "Montserrat";
                       font-weight: 900;
                     }
                     .ftfourtext2{
                       padding-top: 20px;
                       padding-left: 20px;
                     }
                     
                         .imageicon1{
                           width: 20px;
                         }
                       
                      
              }