@media only screen and (max-width: 1500px) {

  .header{
    min-width:100%
  }

  .container{
    min-width: 100%;
  }

}


@media only screen and (max-width: 1200px) {

  .header_btns{
    display:none;
  }

  nav{
    display:none;
  }

  .menu_btn{
    display:block;
  }

  .how_step{
    flex-direction: column;
    align-items: center;
  }

}


@media screen and (orientation: portrait) {


  .swiper-slide{
    flex-direction: column;
  }

  .banner_img{
    order: 1;
    margin:0;
    margin-bottom: 5vmin;
    width:75%;
  }

  .banner_text{
    order:2;
    align-items: center;
    padding:0;
  }

  .reason_model{
    display:none;
  }

  .how_content{
    flex-direction: column;
  }

  .how_bar{
    display:none;
  }

  .how_step{
    flex-direction: column;
    align-items: center;
    width:100%;
    clip-path:none;
    margin-bottom:2vmin;
  }


  .footer{
    flex-direction: column;
    padding:3vmin 0;
  }

  footer{
    order:2;
    margin-top: 4vmin;
  }

  .footer img{
    width:95%;
    order:1;
  }

}