@media only screen and  (min-width: 350px)and (max-width: 1100px) {
    .nav-list{
      flex-direction: column;
    }
    .navbar{
      flex-direction: column;
    transition: all 0.7s ease-out;
    height: 447px;
    }
    .rightnav{
      text-align: center;
    }
    #search{
      width: 100%;
    }
    .burger{
      display: block;
    }
    .h-nav{
      height: 69px;
    }
  .v-class{
    opacity: 0;
  }
  .box-main{
    display: flex;
    flex-direction: column-reverse;
    max-width: 100%;
  }
  .section{
    flex-direction: column-reverse;
  
  }
  .text-big{
    text-align: center;
      font-size:32px;
  }
  .text-small{
    text-align: center;
  font-size:18px;
  }
  .buttons{
    text-align: center;
  }
  .para{
    padding: 0px;
  }
  .secondHalf img{
    height: 74px;
    width: 75px;
    margin-bottom: 23px;
  }
  }
  @media only screen and (max-width: 350px){
    .secondHalf img{
      display: none;
    }
    .nav-list{
      flex-direction: column;
    }
    .navbar{
      flex-direction: column;
    transition: all 0.7s ease-out;
    height: 447px;
    }
    .rightnav{
      text-align: center;
    }
    #search{
      width: 100%;
    }
    .burger{
      display: block;
    }
    .h-nav{
      height: 69px;
    }
  .v-class{
    opacity: 0;
  }
  .box-main{
    display: flex;
    flex-direction: column-reverse;
    max-width: 100%;
  }
  .section{
    flex-direction: column-reverse;
  
  }
  .text-big{
    text-align: center;
      font-size:30px;
  }
  .text-small{
    text-align: center;
      font-size:16px;
  
  }
  .buttons{
    text-align: center;
  }
  .para{
    padding: 0px;
  }
  
  
  }