@media (Max-width: 438px){
      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: 100px;
            margin-left: 20px;
            margin-top: 20px;
          }
          .call{
            display: flex;
            justify-content: center;
            align-items: center;
            justify-items: center;
            margin-left: 30%;
           
          }
          .call .call1 {
              
            width: 18px;
           margin-top: -10.8px;
          }
          .number{
            display: flex;
            justify-content: center;
            align-items: center;
            justify-items: center;
            margin-left: 10%;
          
          }
          .number .no {
              display: flex;
            justify-content: center;
            align-items: center;
            justify-items: center;
            color: white;
            font-size: 12px;
            font-weight: 700;
            margin-top: -13px;
            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;
           margin-top: -10px;
            top: -20px;
            left: 80%;
            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: 25px;
            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;
        }
  
  
        /* animationword */
        .wordbody {
          display: flex;
          height: 100%;
          background-color: transparent;
          margin-top: -300px;
        }
        .word {
          font-family: "Montserrat";
          margin: auto;
          /* color:  rgb(239, 112, 39); */
          color: white;
       font-size: 20px;
          font-weight: 900;
          text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;
          text-shadow: rgb(0, 0, 0) 2px 4px 9px;
          opacity: 0.9;
        }
  
  
          /* animationword */
  
  
          /* whatsapp */
          .whatsapp{
              /* display: flex; */
              /* justify-content: end; */
              /* justify-items: end; */
              /* padding-right: 80px; */
              display: inline-block;
              position: absolute;
              margin-left: 85%;
              margin-top: 50%;
              animation-name: mymove;
              animation-duration: 3s;
              position: fixed;
              z-index: 7;
          
            }
          
            .whtsimg {
              height: 40px;
              width: 40px;
            }
          
            @keyframes mymove {
              0% {
                display: inline-block;
                position: absolute;
                margin-left: 100%;
                margin-top:50%;
                animation-name: mymove;
                position: fixed;
                z-index: 7;
              }
              100%
               {
                display: inline-block;
                position: absolute;
                margin-left: 85%;
                margin-top: 50%;
                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: 20px;
      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: 180px;
             padding-left: 20px;
             padding-right: 20px;
              /* margin-left: 170px; */
           margin-top: 60px;
          /* background-color: aqua; */
      /* background-color: plum; */
          
            }
           
                .imgupertext{
                  margin-top: -35px;
              
                 
                }
              
                h3{
                  
                  margin-top: -30px;
                 margin-left: 20px;
                  color: white;
                align-items: center;
                justify-content: center;
                text-align: center;
                  position: relative;
                background-color: rgba(56, 183, 183, 0);
                position: absolute;
                font-family: 'Raleway';
                  font-weight: bolder;
                letter-spacing: 1px;
              
                }
                dd{
                  position: relative;
                  font-family: "Montserrat";
                font-size: 60px;
              margin-top: -90px;
              font-weight: 800;
                  text-align: center;
                  align-items: center;
                  justify-content: center;
                  color: rgb(255, 254, 254);
                background-image: linear-gradient(rgba(86, 85, 85, 0.129),  rgba(0, 0, 0, 0.775));
              font-size:20px;
              border-bottom-left-radius: 10px;
              border-bottom-right-radius: 10px;
              height: 90px;
              
              
              
              } 
              .item1{
                  margin-left: -1px;
                   width: 200px;
                
                 
                 }
                 .item2{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item3{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item4{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item5{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item6{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item7{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item8{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item9{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item10{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item11{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item12{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item13{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item14{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
                 .item15{
                  margin-left: -1px;
                   width: 200px;
                  
                 
                 }
    
        .middletex3{
          color: black;
          margin-top: 50px;
        }
        .text3{
          display: flex;
      color: black;
      text-align: center;
      justify-content: center;
      font-size: 20px;
      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: 20px;
      font-family: "Montserrat";
      font-weight: 600;
      margin-top: 50px;
      
      
      
        }
        .middletex5{
          color: black;
      
        }
        .text5{
      color: black;
      text-align: center;
      justify-content: center;
      font-size: 20px;
      font-family: "Montserrat";
      font-weight: 600;
      margin-top: 40px;
      
      
      
      
  }
  .middletex6{
      color: black;
  
    }
    .text6{
  color: black;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  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: 140px;
          background-position: 50%;
         
        }
        
        .active {
          display: block;
        }
  
          /* formstart */
       /* formstart */
  
       .mainformcontainer{
  
        display: flex;
    
   justify-content: center;
          height: 440px;
          margin-top: 50px;
          padding-left: 50px;
          padding-right: 50px;
         
        
        }
        
        
        .formcontainer1{
          
        display: grid;
     
        gap: 25px;
        height: 160px;
        width: 340px;
        }
        .formcontainer1 input{
          padding-left: 10px;
        }
        
        
        .formcontainer2   {
          margin-left: -10px;
          margin-top: 10px;
          display: flex;
       
  
          height: 150px;
          width: 95%;
         
       
        }
         .formcontainer2 input{
          width: auto;
       
          padding-left: 20px;
          
  
          margin-left: 0px;
      
          display: flex;
  /* width: 700px; */
  
          height: 150px;
          width: 95%;
         
        } 
     
               
                  
                          /* 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 */
                       
                       .thirddiv{
                        /* background-color: palegreen; */
                        /* height: 500px;
                        width: 400px; */
                        margin-top: 130px;
                        margin-left: -120px;
                        
                        
                       }
                       
                            .ftthirdtext1{
                             padding-top: 80px;
                             padding-left: 160px;
                            }
                            .ftthirdptext{
                             font-size: 18px;
                             font-family: "Montserrat";
                             font-weight: 900;
                            }
                       
                            .ftthirdtext2{
                             padding-top: 10px;
                             padding-left: 160px;
                            }
                            .ftthirdptext1{
                             font-family: "Montserrat";
                             font-weight: 900;
                             font-size: 12px;
                            margin-top: 17px;
                            }
                
                
                            /* fourdiv */
                            .fourdiv{
                              /* background-color: aqua; */
                              margin-top: 230px;
                              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;
                           }
                         
                        
                }