/* mobile */
@media screen and (max-width: 767px) {
  body{width:100%;}
  .main-width {
    width:100%!important;
  }
  #header .menu {
    display: none;
  }
 
  .layout {
        flex-wrap: wrap;
    }
    
    .left-column, .right-column {
        display:none!important;
    }
    
    .main-column {
        max-width: 100%!important;
        order: -1;
        width: 414px !important;
   }
  

  .logo img {
    width: 128px;
    height: 80px;
  }
  
  .centerBoxWrapper {
    display: unset!important;
  }
  
  .three-column-layout {
    flex-direction: column;
    }
  #banner {
    width:100%!important;
  }
  .centerBoxWrapper .image img {
    width: 100% !important;
    height: 184px !important;
  }
  
  .swiper-container {
    height:180px!important;
  }
  .swiper-slide img {
    width: 100%!important;
    height:180px!important;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 5px !important;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 20px !important;
  }
  
  .back{width:50%!important;}
  
  .clearBoth {
    clear: unset!important;
 }
  .wrapper {
  height:84px!important;
}

  #footer .cards {
    text-align: center;
    width: 100%;
  }
}