@media(max-width: 1355px) {
  .bestNearYou-container {
    padding: 50px 0;
    width: 100%;
  }
  .last-certified-container {
    width: 100%;
    margin-top: 50px 0 0;
  }
}

@media(max-width: 1324px) {
  .last-pictures-photos-container-center {
    width: 1020px;
  }
}

@media(max-width: 1260px) {
  .user-contents-reviews-container {
    max-width: 805px;
  }
}

@media(max-width: 1255px) {
  .last-certified-container-center {
    max-width: 835px;
    margin: 0 auto;
  }
  .last-picture-card {
    width: 300px;
  }
}

@media(max-width: 1240px) {
  .user-contents-checkins-container {
    max-width: 790px;
  }
}

@media(max-width: 1225px) {
  .user-contents-photos-container {
    max-width: 780px;
  }
  .user-contents-badges-container {
    max-width: 790px;
  }
  .user-contents-favorites-container {
    max-width: 780px;
  }
}

@media(max-width: 1050px) {
  .last-picture-card {
    width: 370px;
  }
  .last-pictures-photos-container-center {
    width: 820px;
  }
  .home-download-app-container {
    padding: 70px 30px;
    width: calc(100% - 60px);
  }
  .business-signup-description-with-image {
    width: calc(100% - 450px);
  }
  .business-description-image-quote {
    max-width: 450px;
  }
}

@media(max-width: 1150px) {
  .home-cities {
    width: 250px;
    height: 250px;
  }
  .home-cities-name {
    top: 110px;
  }
  .home-cities-button-container {
    bottom: 45px;
  }
}

/* BECOME HAMBURGER */
@media(max-width: 1000px) {
  .megamenupanel{
    display:none;
  }

  #header .userMenu{
    width: 34px;
    /* position: unset; */
    /* padding: 46px 0px 12px 0; */
    padding: 0;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 30px;
    float: initial;
  }

  #header .userMenu .header_button.buttonMenu  {
    right: 65px;
    display:block;
  }

  #header .userMenu .navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: scroll;
  }

  #header .userMenu .navbar nav #userMenu{
    /* background: #fff; */
    background-image: linear-gradient(to top, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000);
    width: 300px;
    min-height: 100vh;
    position: absolute;
  }

  #header .userMenu .navbar nav #userMenu button.buttonMenu.opencloseMobile{
    margin:12px;
  }

.mobileMenuMainContainer{
  display:block;
}

  .top-menu{
    width:calc(100% - 20px);
    padding: 0 10px;
    float:left;
  }

  .top-menu .menu-item{
    width:100%;
    margin:0;
  }

  .top-menu .menu-item:hover{
    height:60px;
    border-bottom:0px;
  }

  .top-menu .menu-item.active {
   border-bottom: solid 3px #e84e1b;
   height: 57px;
  }

  .top-menu .menu-item.active .user-menu-links,
  .top-menu .menu-item:hover,
  .user-menu-links,
  .top-menu .menu-item button.button__initial,
  .top-menu .menu-item .button__initial,
  .top-menu .menu-item{
    font-family: 'Archivo Narrow', sans-serif;
    color: rgb(51,51,51);
    text-transform: uppercase;
    line-height:60px;
    font-weight: bold;
    font-size: 15px;
  }

  .top-menu .menu-item.loggedMenu .userImage{
    float:left;
  }

  .top-menu .menu-item.loggedMenu .userName{
    display: block;
    float: left;
    padding: 0 20px;
    max-width: calc(100% - 100px);
    overflow: hidden;
  }

  .top-menu .subMenu {
    width: 100%;
  }

  .subMenu .menuListContainer{
    position: inherit;
    width: calc(100% - 2px);
    float: left;
  }

  .parent::after{
    font-family: 'FontAwesome';
    content: "\f107";
    float:right;
    width: 20px;
    text-align: center;
  }

  .parent.active::after{
    font-family: 'FontAwesome';
    content: "\f106";
  }

  .menu-item.parent .button__initial{
    float: left;
    width: calc(100% - 20px);
  }

  .menu-item.parent.info button i{
    display:none;
  }

  .menu-item.parent.info button span{
    display:block;
  }

  .menu-item.parent.languageSelector.mobile{
    border-top: 3px solid rgba(28,28,28,.07);
  }

  .menu-item.parent.languageSelector.mobile.active{
    border-bottom:0px;
    height: 60px;
  }


  .userMenu .showMobile{
    display:block;
  }
  .userMenu  .hiddenMobile{
    display: none;
  }

  .userMenu  .lightboxBg{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
  }

  /* la searchbar occupa tutto lo spazio che può*/
  #header .search {
      width: calc(100% - 350px);
  }

  /* TODO: rivedere menu pagina ristoratori */
  .menuFixVolante{
    float: right;
    width: 100%;
  }
  .close_to_you_search_button {
    display: none;
  }
  .get-app-banner {
    padding: 10px 10px;
    width: calc(100% - 20px);
    bottom: 0;
    top: initial;
  }
  /* footer.row {
    margin-bottom: 40px;
  } */
  .padding_under_header {
    padding-top: 0;
  }
  .resultList-slider {
    top: 110px;
    width: 500px;
    /* height: calc(100vh - 90px); */
  }
  /* input.cityInput-textinput {
    width: 100%;
  } */
  .cancel-button-input-search {
    right: 30px;
  }
  .filter-button-input-search {
    right: 14px;
  }
  .mobile-user-menu {
    display: block;
  }
  .desktop-user-menu {
    display: none;
  }
  .label_for_owners_mobile {
    display: none;
  }
  .top-menu .menu-item {
    display: none;
  }
  .map-container {
    margin-left: 500px;
    width: calc(100% - 500px);
  }
  .search-filter-button-container {
    width: 500px;
  }
  .search-results-card {
    max-width: 350px;
    height: initial;
    min-height:270px;
  }
  .search-results-card-image {
    width: 100%;
  }
  .search-results-card-data {
    width: calc(100% - 40px);
    height: initial;
  }
  .search-results-shadow-divisor {
    width: 500px;
  }
  .business-start-now-image {
    width: 700px;
    position: absolute;
    top: 0;
    left: calc(50% - 350px);
  }
  .reservation-container {
    display: none;
    opacity: 0;
  }
  .restaurantDetail-last-modified {
    padding: 15px 10px;
    width: calc(100% - 20px);
  }
  .restaurant-reservation-mobile .reservation-container {
    display: block;
    opacity: 1;
    /* right: calc(50% - 165px); */
    /* max-height: calc(100vh - 160px); */
    /* min-height: 300px; */
    /* top: 50px; */
    top: 0;
    right: 0;
    left: 0;
    height: calc(100vh - 200px);
    min-height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    padding: 60px 15px 140px;
    top: 0;
    position: fixed;
    width: calc(100% - 30px);
    position: fixed;
    z-index: 1000000;
  }
  .reservation-inner .reservation-closing-icon {
    display: block;
  }
  .restaurant-detail-tab.reservation-tab {
    display: block;
  }
  .detailsContainer .item-head {
    width: 100%;
  }
  .restaurant-details-left-column {
    width: 100%;
  }
  .restaurant-mobile-reservation-banner {
    display: block;
  }
  .restaurant-detail-image-container {
    max-width: 694px;
  }
}

@media(min-width: 1001px) {
  .user-menu-title-label {
    display: none;
  }
  .label_for_owners_desktop {
    display: block;
  }
  /* .label_for_owners_mobile {
    display: none;
  } */
  .user-menu-logo-mobile {
    display: none;
  }
  .download-app-user-menu {
    display: none;
  }

}

@media(max-width: 1086px) {
  .table-prices-cell {
  }

  .table-prices-cell.less-space {

  }
  .table-title-big.table-prices-cell{
    font-size:23px;
  }
}

@media(max-width: 920px) {
  .business-signup-description-container {
    display: block;
  }
  .business-description-text {
    text-align: center;
    padding-right: 0;
  }
  .business-signup-description-with-image {
    width: 100%;
    text-align: center;
  }
  .signup-description-author {
    float: initial;
    text-align: center;
    margin-bottom: 40px;
  }
  .business-description-image-quote {
    max-width: 100%;
    width: 100%;
  }
  .business-description-image-quote img {
    max-width: 350px;
    margin: auto;
  }
  .table-prices-tabs-container {
    display: flex;
  }
  .hide-tab-on-mobile {
    display: none;
  }
  .table-prices-cell.less-space {
    flex: 1;
    max-width: unset;
  }
  .row-aligned-center {
    display: block;
  }
  .row-aligned-stretch{
    display: block;
  }
  .row-aligned-stretch img{
    display: block;
  }
  .column-text {
    width: calc(100% - 100px);
    padding-left:50px;
    padding-right:50px;
  }
  .column-full {
    width: 100%;
  }
  .column-quarter {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }
  .essential-plan-top-banner {
    display: block;
  }
  .row-reverse-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
  .with_background {
    padding: 50px 0 0;
  }
  .my-100, div.my-100 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .business-title {
    font-size: 30px;
    line-height: 40px;
  }
  .table-prices-row.intro .table-prices-cell.table-title-little{
    display:none;
  }

  .table-prices-row.intro .table-prices-cell.table-title-little.showOnMobile{
    display:block;
  }

  .table-prices-row.intro .table-prices-cell{
    text-align:center;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .table-prices {
    border-top:0;
  }
  .planDetailsContainer.hide{
    display:none;
  }
  .planDetailsContainer.show{
    display:block;
  }
}

@media(max-width: 900px) {
  .home-download-app-button {
    width: 40%;
  }
    button.button-filter-profile-page-selected, .button-filter-profile-page-selected,
    button.button-filter-profile-page, .button-filter-profile-page {
      padding: 0 10px;
    }
  .templates-category-block.double {
    height: 380px;
  }
  .templates-category-block.half {
    height: 200px;
  }
  .userMenu-big-menu-column{
    width:calc(50% - 2px);
  }
  footer .userMenu-big-menu-column-block{
    margin-bottom: 20px;
  }
}

@media(max-width: 850px) {
  .last-picture-card {
    width: 300px;
  }
  .last-pictures-photos-container-center {
    width: 680px;
  }
  .map-container {
    margin-left: 400px;
    width: calc(100% - 400px);
  }
  .resultList-slider {
    width: 400px;
  }
  .search-filter-button-container {
    width: 400px;
  }
  .user-contents-reviews-container {
    max-width: 405px;
  }
  .search-results-shadow-divisor {
    display: none;
  }
  .resultList-slider {
    width: 100%;
    background-color: #ffffff;
  }
  .restaurantCard-searchResults-item {
    display: block;
    float: left;
  }
  .search-results-card {
    width: 350px;
    margin: 15px;
  }
  .search-results-card-data {
    height: 160px;
  }
  #header.search-page {
    background-color: #ffffff !important;
  }
  #header .header_button.search_icon_user_menu {
    color: #929292;
    border: solid 1px #929292;
  }
}

@media(max-width: 825px) {
  .user-contents-checkins-container {
    max-width: 400px;
  }
  .user-contents-badges-container {
    max-width: 400px;
  }
  .user-contents-photos-container {
    max-width: 390px;
  }
  .user-contents-favorites-container {
    max-width: 390px;
  }
}

@media(max-width: 800px) {
  .home-cities-title h5, .home-cities-title {
    margin: 30px 0;
    text-align: center;
  }
  .last-pictures-title h5 {
    margin: 30px 0;
    text-align: center;
  }
  .home-download-app-text-side {
    width: 100%;
    padding-top: 0;
    float: initial;
  }
  .home-download-app-container {
    display: inline-block;
  }
  .home-download-app-image-side {
    text-align: center;
    width: 100%;
    padding-top: 50px;
    height: 340px;
  }
  .home-download-app-title {
    text-align: center;
    margin: 0 auto;
  }
  .home-download-app-text {
    text-align: center;
    margin: 20px auto 100px;
  }
  .home-download-app-buttons-container {
    max-width: 440px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .home-download-app-button {
    width: 50%;
  }
  .restaurantCard-searchResults-item {
    display: block;
    float: left;
  }
  .search-results-card {
    width: 350px;
    margin: 15px;
  }
  .search-results-card-data {
    height: 160px;
  }
  .map-container {
    display: none;
  }
  .search-filter-button-container {
    width: 100%;
  }
  #header .header_button.search_icon_user_menu {
    color: #929292;
    border: solid 1px #929292;
  }
}

@media(max-width: 765px) {
  .search-results-card {
    width: 300px;
    max-width: 300px;
  }
}

@media(max-width: 750px) {
  #header .userMenu {
      padding: 13px 0;
      top: 0;
  }
  #header .search{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 1; */
    width: calc(100% - 20px);
    padding: 13px 10px 13px;
    /* background: #fff; */
    background-image: linear-gradient(to right, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000);
  }
  .logo_beta {
    margin-top: 31px;
    display: none;
  }

  .logo_header_mobile {
    display: block;
    padding:10px 0;
  }

  .logo_header_desktop {
    display: none;
  }
  #header {
      height: 60px;
      padding: 0 15px;
      width: calc(100% - 30px);
  }
  #header .search .inputContainer {
    float: left;
    position: relative;
    width: calc(100% - 33px);
  }

  #header .search .showMobile{
    display:block;
  }

  #header .search .hiddenMobile{
    display: none;
  }
  .dropdownContainer #dropdown {
    max-height: 186px;
  }
  #header .search.hiddenMobileInput{
    position: absolute;
    top: 0;
    left: unset;
    right: 60px;
    width: 33px;
    background: transparent;
  }
  .padding_under_header_signin {
    padding-top: 50px;
  }
  .detailsContainer {
    margin-top: 60px;
  }
  /* .detailsContainer .item-head {
    top: 60px;
  } */
  .business-no-owned-restaurants-container {
    padding: 100px 80px 20px;
  }
  .search-results-background {
    height: 60px;
  }
  .search-filter-button-container {
    top: 100px;
    display: none;
  }
  .resultList-slider {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .HomeBanner-main-text h1, .HomeBanner-main-text {
    font-size: 31px;
  }
  .HomeBanner-bottom-row h2, .HomeBanner-bottom-row {
    font-size: 23px;
    line-height: 26px;
  }
  .header-get-the-app {
    display: block;
  }
  .header-search-buttons {
    display: block;
  }
  .header-search-border {
    border-bottom: solid 1px #f0f0f0;
  }
  .profile-page-main-container {
    margin-top: 60px;
    min-height: calc(100vh - 60px);
  }
  .orders-list-title-2 {
    margin-bottom: 20px;
  }
  .cartContainer {
    min-height: calc(100vh - 60px);
    padding-top: 60px;
  }
  .bio_cover_mobile {
    display: block;
  }
  .bio_cover {
    display: none;
  }
  .banner-coupon-text {
    padding-top: 110px;
  }
  .banner-coupon-title {
    font-size: 30px;
    line-height: 40px;
  }
  .banner-coupon-subtitle {
    margin: 0 auto 20px;
  }
  .home-cities-button-container {
    bottom: 45px;
  }
  .search-header-filter-button {
    top: 0;
    left: 270px;
  }
  .restaurant-detail-tabs-desktop {
    display: none;
  }
  .restaurant-detail-tabs-mobile {
    display: block;
  }
  .attribute-to-open-container {
    width: calc(100% - 30px);
  }
  .restaurant-menu-dish {
    width: calc(100% - 20px);
    margin-right: 0;
  }
  .padding_header {
    padding-top: 60px;
  }

}

@media(max-width: 720px) {
  .last-picture-card {
    width: 370px;
  }
  .last-pictures-photos-container-center {
    width: 410px;
    padding: 0;
  }
}

@media(max-width: 670px) {
  .search-results-card {
    width: 520px;
    max-width: 520px;
    height: 200px;
    margin: 15px auto;
    min-height: 200px;
  }
  .search-results-card-image {
    width: 200px;
    height: 200px;
  }
  .search-results-card-data {
    height: 180px;
    width: calc(100% - 240px);
  }
  .restaurantCard-searchResults-item {
    display: flex;
    float: initial;
  }

  .thankYouPage_container h1{
    font-size:40px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  .thankYouPage_container h2{
    font-size:25px;
  }
}

  /* searh become a button*/
@media (max-width: 650px){
  .cartContainer .cartPayment .summaryContainer,
  .cartContainer .cartList .productContainer{
      padding: 15px 15px;
      width: calc(100% - 30px);
  }
  .fourthStep::before,
  .thirdStep::before,
  .secondStep::before,
  .firstStep::before{
    margin-left: 0px;
  }

  #header .search{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 1; */
    width: calc(100% - 20px);
    padding: 13px 10px 13px;
    /* background: #fff; */
    background-image: linear-gradient(to right, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000);
  }
  .resultList-slider {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .logo_beta {
    margin-top: 31px;
  }

  .logo_header_desktop {
    display: none;
  }
  .padding_under_header {
    padding-top: 0;
  }
  .detailsContainer {
    padding-top: 60px;
  }



  #header .search .inputContainer {
    float: left;
    position: relative;
    width: calc(100% - 33px);
  }

  #header .search .showMobile{
    display:block;
  }

  #header .search .hiddenMobile{
    display: none;
  }
  .dropdownContainer #dropdown {
    max-height: 186px;
  }
  .Home-choosen-by-foodies h5,
  .Home-choosen-by-foodies {
    text-align: center;
    margin: 20px 0 0;
  }
  .homeMainBanner {
    padding: 70px 0 50px;
  }
  .user-contents-menu-subcontainer {
    max-width: 420px;
    /* height: 85px; */
  }
  .billContent .billContent_orderList .orderdataid .orderId,
  .billContent .billContent_orderList .orderdataid .orderDate,
  .billContent .billContent_orderList .orderdataid .orderLatestPayment {
    font-size: 13px;
  }
  .templates-desktop {
    display: none;
  }
  .templates-mobile {
    display: block;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  /* #header .userMenu {
    width: 53px;
    position: unset;
    padding: 12px 46px 12px 0;
    float: right;
  } */

  .row{
    width:calc(100% - 20px);
    padding: 0 10px;
  }
  footer.row {
    padding: 40px 10px 0;
  }
  .lightboxBg{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
  }

  #header{
    max-width: calc(100vw - 20px)
  }




  .desktop{
    display: none;
  }
  .mobile{
    display: block;
  }

  .bannerHome-box{
    width:100%;
  }

  .bannerHome-separator{
    display: none;
  }


  .dropdownContainer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
    height: 100vh;
    overflow: auto;
    z-index: 0;
  }

  .homeMap-layer .dropdownContainer {
    position: absolute;
    height: 350px;
    top: 55px;
    left: -20px;
    right: -20px;
  }
  .homeMap-layer .dropdownContainer #dropdown {
    width: initial;
  }

  .dropdownContainer #dropdown {
    position: absolute;
    border: 1px solid rgb(233, 233, 233);
    border-radius: 0px 0px 3px 3px;
    z-index: 9;
    width: calc(100% );
    font-family: avenir;
    left: 0;
    max-height: 100vh;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
  }

  .bestNearYou-container{
    padding:10px;
    width:calc(100% - 20px);
  }

  .bestNearYou-container .restaurantCard-grid-sizer{
    width:50%;
  }


  .resultList-slider{
    width: 100%;
    padding: 0px;
  }

  .searchMap-zoom{
    display: none;
  }

  .cityInput-textinput{
  }

  .searchHere{
    bottom: calc(8px + 120px);
    right: 8px;
  }

  .slick-arrow{
    /* display: none !important; */
  }

}

/* MEDIA QUERY PER SCHEDA RISTORANTE */
@media (max-width: 1160px) {
  .restaurant-details-map-next-image-container {
    display: none;
  }
  .restaurant-detail-image-container-side {
    width: 100%;
  }
  .restaurant-details-map-container-below {
    display: block;
  }
  /* .coverContainer{
    float: left;
    width:100%
  }
  .coverContainer img{
    width:100%
  }
  .ownerContainer.no-image {
    bottom: 10px;
  }
  .Restaurant-detail-map-container{
    width:100%;
  }
  div#restaurantMap {
    height: 150px !important;
  }
  .Restaurant-detail-map-layer {
    height: 150px;
  } */
}

@media (max-width: 900px) {
  .detailsContainer{
    width: calc(100% - 20px);
    background-color: #ffffff;
    padding: 0 10px;
    min-height: calc(100vh - 260px);
    padding-bottom: 60px;
  }
  .RestaurantInfo-container {
    position:relative;
    padding-top: 0;
    width: 100%;
    background-color: #ffffff;
    height: auto;
  }
  .Restaurant-map-image-container{
    max-width:100%;
  }
  #restaurantMap{
    display:none;
  }

  .buttonEmpty,
  .buttonFull{
    width:100%;
    margin-right:0;
  }
  .Restaurant-detail-map-layer {
    display: none;
  }
  .home-cities,
  .slick-slide.home-cities {
    width: 200px;
    height: 200px;
  }
  button.home-cities-button, .home-cities-button {
    /* height: 26px;
    line-height: 26px; */
    font-size: 14px;
  }
  .home-cities-button-inner {
    font-size: 14px;
  }
  .home-cities-name {
    font-size: 30px;
    line-height: 35px;
    top: 80px;
  }
  .home-download-app-squeeze-page {
    width: 400px;
    top: -10px;
    left: calc(50% - 200px);
  }
  .home-download-app-title {
    max-width: 340px;
    font-size: 30px;
  }
  .home-download-app-text {
    max-width: 340px;
    font-size: 25px;
    line-height: 30px;
    margin: 20px 0 100px;
  }
}

/* HOMEPAGE */
@media (max-width: 1024px){
  .bannerHome-separator{
    display:none;
  }
  .featured-photos-slide.slick-slide {
    max-height: unset;
  }
  .featured-photos-slide .featured-photo-container {
    width: 100%;
    display: flex;
  }
  .featured-photos-slide .featured-photo-container .featured-photo {
    width: 500px;
    max-height: 500px;
    margin: 0 auto;
  }
  .featured-photo-text-side {
    width: calc(100% - 100px);
  }
  .featuredPhotosContainer {
    max-height: unset;
    overflow: unset;
  }
  .featured-photo-text-side h4 {
    text-align: center;
    margin: 20px 0 5px;
  }
  .featured-photo-text-side p.photo-restaurant-city {
    text-align: center;
  }
  .featured-photo-text-side .photo-author-and-description {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .featured-photo-text-side img.featured-photo-author-image {
    float: initial;
    margin: 0 auto;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 965px){
  .homeMainBanner{
    background-image:url('https://cdn.foodiestrip.com/banner/mainBanner-vertical.jpg');
  }

  .bannerHome-separator{
    display:none;
  }

  .bannerHome-box-right{
    width: 100%;
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #fff;
  }
}

@media(max-width: 750px) {
  .best-foodies-cities-container-center {
    display: none;
  }
  .best-foodies-cities-container-mobile {
    display: block;
  }
  .best-foodies-cities-container {
    display: flex;
  }
  .home-cities {
    width: 100%;
    max-width: 350px;
    height: 350px;
  }
  .home-cities-name {
    top: 150px;
    font-size: 35px;
  }
}

@media (max-width: 700px){
  .halfpage-image{
    width: calc(100% - 80px);
  }

  .halfpage-image img{
    width: 100%;
  }

  .motivation-list{
    width: calc(100% - 60px);
    padding: 30px;
  }

  .why_choose_us_subtitle{
    font-size: 22px;
  }

  .reasonContainer {
    width: 100%;
  }

}

  /* FOOTER */
@media (max-width: 910px){
    footer .footercontent_row_box .footercontent_box {
      width: calc(50% - 20px);
      min-height: 140px;
    }
    footer .footercontent_row_box .whereAreYou, footer .footercontent_row_box .copyrights{
      width: calc(100% - 20px);
      text-align: center;
      line-height: inherit;
    }
    footer .footercontent_row_box .whereAreYou .footer_distance_container {
      float: none;
      margin: 0 auto;
      max-width: fit-content;
    }
    .business-footer-big {
      display: none;
    }
    .business-footer-little {
      display: block;
    }
    .restaurant-prev-name {
      max-width: 200px;
    }
}

/* media querys to handle responsive business landing */

@media(max-width: 1250px) {
  .business-services-selections-center {
    width: 785px;
  }
}

@media(max-width: 1000px) {
  .business-reviews-image-container {
    margin-left: 10px;
    width: calc(50% - 10px);
  }
  .business-image-that-needs-margin {
    margin-left: 0px;
  }
}

@media(max-width: 900px) {
  .business-reviews-text-container {
    float: left;
    width: calc(100% - 30px);
    text-align: center;
    padding: 0 15px;
}
  .business-reviews-text {
    margin: 0 auto;
  }
  .business-reviews-image-container {
    margin-left: 20px;
    width: calc(100% - 20px);
    margin-top: 40px;
  }
  .business-text-title-text {
    padding: 0;
    width: 100%;
  }
  .business-experience-title-details-settings {
    padding-bottom: 0;
  }
}

@media(max-width: 870px) {
  .business-services-selections-center {
    width: 385px;
  }
}

/* user-profile */
@media(max-width: 780px) {
  .user-description {
    max-width: 100%;
  }
  .user-intro-fellowship {
    margin-right: 20px;
  }
}

@media(max-width: 750px) {
  .business-signup-image {
    display: none;
  }
  .business-signup-description-container {
    padding: 50px 30px;
    width: calc(100% - 60px);
  }
  .business-description-text {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }
  .business-what-name {
    font-size: 30px;
  }
  .business-signup-container {
    padding: 61px 30px 0px;
    width: calc(100% - 60px)
  }
  button.business-sign-up-button, .business-sign-up-button {
    margin: 30px auto 0;
  }
  button.business-sign-up-button.business-text-title, .business-sign-up-button.business-text-title {
    margin: 0 auto 30px;
  }
  .business-half-screen {
    width: 100%;
  }
  .business-signin-links {
    font-size: 17px;
    line-height: 22px;
  }
  .business-signin-container {
    padding: 50px 30px;
    width: calc(100% - 60px);
  }
  .business-signin-links-container {
    margin-top: 20px;
  }
  .business-carousel-container {

  }
  .business-carousel-title {
    font-size: 31px;
    line-height: 39px;
    padding: 0 20px;
  }
  .business-carousel-text {
        height: 155px;
     width: calc(100% - 30px);
  }
  .business-carousel-text-container {
    margin-top: 20px;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .business-landing-slider-text {
    text-align: center;
    font-size: 30px;
    line-height: 32px;
  }
  .business-carousel-image-container {
    margin-top: 50px;
    width: 100%;
  }
  .business-carousel-image {
    width: 60vw;
    margin-top: 0;
  }
  .business-start-now-image {
    left: calc(50% - 40vw);
    width: 80vw;
  }
  .business-landing-start-now-container {
    padding: 50px 30px;
    width: calc(100% - 60px);
  }
  .business-start-now-image-container {
    height: 80px;
  }
  .business-start-now-white-space {
    height: 250px;
  }
  .business-home-block-text-container {
    padding: 20px 30px 40px;
    width: calc(100% - 60px);
    margin-top: 0;
  }
  .business-home-block-image-container-righelli {
    margin-top: 0;
    width: 100%;
  }
  .business-home-block-image-righelli {
    width: 50%;
    min-width: 150px;
  }
  .business-home-block-container-righelli {
    padding-bottom: 0;
  }
  .business-landing-block-container-righelli {
    height: initial;
    padding-bottom: 0;
  }
  .business-home-block-image-container-default {
    width: 100%;
    margin-top: 0;
    float: initial;
  }
  .business-home-block-image-default {
    width: 50%;
  }
  .business-form-field-container, .business-form-field-container-login {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .business-form-text-container {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .business-form-container {
    width: 100%;
    margin-top: 50px;
  }
  .business-signup-button-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .business-progress-bar-back {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .business-what-name.sign-up-title {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .business-experience-title-details-settings {
    font-size: 31px;
    line-height: 39px;
  }
  .user-image-round.user-image-picture-head.picture-added-by-admin {
    background-position-y: 4px;
    background-position-x: 6px;
    background-size: 30px;
  }
  .restaurant-detail-picture-head-added-by-admin {
    margin-top: 8px;
  }
}

@media(max-width: 730px) {
  .restaurant-prev {
    width: 100%;
    max-width: 100%;
  }
  /* .restaurant-prev.next {
    margin-top: 50px;
  } */
  .restaurant-prev-name {
    max-width: 280px;
  }
}

@media(max-width: 707px) {
  .user-contents-container {
    width: calc(100% - 40px);
    position: relative;
    padding: 48px 20px 100px;
  }

  .business-signup-container .signupPageContent{
    flex-direction:column;
  }
  .business-signup-container .signupPageContent .sidedetailsFormPageContent p,
  .business-signup-container .signupPageContent .signupFormPageContent{
    margin: 0 auto;
    width:100%;
    max-width:350px;
    min-width:0;
  }
  .business-signup-container .signupPageContent .sidedetailsFormPageContent{
    margin-top:80px;
    padding: 80px 0;
    border:0;
    border-top:1px solid #cbcbcb;
    width:100%;
    min-height:0;
    min-width:0;
  }

  .business-signup-container .signupPageContent .sidedetailsFormPageContent.sideAfterSignup{
    padding-top: 0;
    border-top: 0;
    margin-top: 50px;
  }

  .sideLoginAfterSignup{
    padding-top: 0px;
    margin: 0 auto;
    width: 100%;
    max-width: 350px;
    min-width: 0;
  }
}

@media(max-width: 670px) {
  .business-signup-container .stepBarContainer .business-progress-bar-back .step .stepName{
    display:none;
  }
  .business-signup-container .stepBarContainer .business-progress-bar-back .step.current .stepName{
    display:block;
  }
}

@media(max-width: 550px) {
  .last-reviews-home-container {
    padding: 0 0 50px 0px;
    width: 100%;
  }
  .last-reviews-shadow-slider {
    display: none;
  }
  .last-reviews-card-container {
    width: 320px;
  }
  .last-reviews-card-user-image {
    width: 70px;
    height: 70px;
  }
  .last-reviews-card-restaurant-body {
    padding-top: 25px;
  }
  .last-reviews-card-text {
    height: 140px;
    padding: 0 20px 0;
    font-size: 13px;
    line-height: 17px;
  }
  .last-reviews-card-bottom-container {
    height: 130px;
  }
  .last-reivews-card-padding-middle {
    padding: 10px;
  }
  .last-reviews-card-container {
    width: 280px;
  }
  .last-reviews-card-container {
    height: 525px !important;
  }
  .last-reviews-card-user-image-container {
    top: -55px;
  }
  /* .last-reivews-card-padding-middle {
    padding: 0 10px;
  } */
  .search-results-card {
    max-width: 350px;
    width: 350px;
    height: initial;
  }
  .search-results-card-image {
    width: 100%;
  }
  .search-results-card-data {
    width: calc(100% - 40px);
    height: initial;
  }
  .billContent_orderList {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .featured-photos-slide img.featured-photo {
    width: 100%;
    max-height: unset;
    min-height: unset;
  }
  .featured-photo-text-side h2 {
    width: initial;
  }
  .featured-photo-text-side h2::before, .featured-photo-text-side h2::after {
    width: 50px;
  }
  .featured-photos-slide .featured-photo-container .featured-photo {
    max-height: 400px;
    min-height: 400px;
    width: 100%;
  }
  .featured-photos-slide .featured-photo-container {
    height: 400px;
  }
}

@media(max-width: 525px) {
  .user-intro-follow-count {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
  }
  .user-intro-follow-label {
    font-size: 14px;
  }
  .user-intro-fellowship {
    margin-right: 10px;
  }
}

@media(max-width: 470px) {
  .business-services-selections {
    padding: 30px 10px 20px;
    width: calc(100% - 20px);
  }
  .userMenu-big-menu-column{
    width:calc(100% - 2px);
  }
  footer .userMenu-big-menu-column-block{
    margin-bottom: 20px;
  }
}

/* @media(max-width: 450px) {
  .last-reivews-card-padding-middle {
    padding: 0 10px;
  }
  .last-reviews-card-container {
    width: 280px;
  }
  .last-reviews-card-container {
    height: 525px !important;
  }
  .last-reviews-card-user-image-container {
    top: -55px;
  }
} */

@media(max-width: 420px) {
  .business-services-selections-center {
    width: 100%;
  }
  .business-service-block {
    width: calc(100% - 70px);
  }
  .business-service-main-container {
    bottom: 20px;
  }
  .business-service-main {
    font-size: 25px;
  }
  .confirm-plan-resume-content {
    padding: 0 15px;
    width: calc(100% - 30px);
  }

  img.restaurant-details-image-preview, .restaurant-details-image-preview {
    /* flex: auto; */
    width: 100px;
    height: 100px;
  }
  .restaurant-details-previews-more {
    line-height: 100px;
  }

  .business-signup-container .stepBarContainer .business-progress-bar-back .step.current .stepName{
    display:none;
  }
}

/*@media(max-width: 548px) {
  .user-contents-menu-subcontainer {
    display: inline-block;
    margin: 0 auto;
    height: 90px;
  }
}

@media(max-width: 399px) {
  .user-contents-menu-subcontainer {
    display: inline-block;
    margin: 0 auto;
    height: 135px;
  }
}*/

/* download app images in user menu */

@media(max-width: 1000px) {
  .download-app-user-menu-app {
    display: none;
  }
  .business-customers-cards-container {
    width: 100%;
  }
  .business-customers-card {
    width: calc(33% - 30px);
    margin: 0 15px;
  }
  .business-services-slider-image-container {
    margin-right: 0;
    width: 100%;
  }
  .business-services-slider-text-container {
    width: 100%;
  }
  .business-backoffice-role-center {
    max-width: 240px;
  }
}

/* owner and foodies button in home banner */
@media(max-width: 979px) {
  .button-container-foodies {
    position: relative;
    top: 0;
    left: 0;
  }
  .button-container-owner {
    position: relative;
    top: 0;
    right: 0;
  }
}

/* page of owner of nothing after login */
@media(max-width: 750px) {
  .business-ops-container {
    width: 60%;
  }
  .business-ops-certificate {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 20px;
  }
  .business-customers-card {
    float: initial;
    width: 100%;
    margin: 0 auto 50px;
  }
  .business-customers-card-text {
    margin: 10px auto 0;
  }
}
@media(max-width: 500px) {
  .business-ops-container {
    width: 100%;
  }
  .banner-coupon-text {
    padding-top: 90px;
  }
  .assistanceCardText {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
  .assistanceCardTextSide {
    width: 100%;
  }
  .assistanceCardImageContainer {
    width: 100%;
  }
  .cardAssistanceImage {
    position: relative;
    margin-bottom: -20px;
  }
  .cartContainer .cartPayment .assistanceCard {
    display: inline-block;
  }
  .summaryContainer h1, .cartContainer .cartList .productContainer .productHeader .productName {
    font-size: 22px;
  }
  /* .home-download-app-squeeze-page {
    width: 100%;
  } */
  .search-best-restaurants h1 {
    width: 200px;
  }
  .search-best-restaurants h1::before, .search-best-restaurants h1::after {
    width: 50px;
  }
}

@media(max-width: 800px) {
  .home-download-app-squeeze-page {
    position: initial;
    text-align: center;
    width: 350px;
  }
  .home-download-app-text {
    margin: 20px auto 100px;
  }
}

@media(max-width: 720px) {
  .user-intro-container {
    padding: 40px 20px;
    width: calc(100% - 40px);
  }
}

@media(min-width: 639px) {
  .user-intro-fellowship-container-after {
    display: none;
  }
}

@media(max-width: 640px) {
  .user-intro-fellowship-container {
    display: none;
  }
  .user-intro-info-container {
    margin-top: 20px;
  }
  .user-intro-info-content {
    margin: 0;
  }
  .user-profile-map {
    width: calc(100% - 20px);
    margin: 0 10px;
    height: 300px;
  }
  .user-description-on-desktop {
    display: none;
  }
  .user-description-on-mobile {
    display: block;
    display: -webkit-box;
  }
}

@media(max-width: 548px) {
  .user-profile-contents-separator {
    display: none;
  }
  /* .user-profile-contents-button-container {
    float: initial;
  }
  .user-contents-menu-subcontainer {
    display: inline-block;
    margin: 0 auto;
    height: 135px;
  } */
}

@media(max-width: 650px) {
  .error-pages-image-container {
    display: none;
  }
  .error-pages-text-part {
    width: calc(100% - 100px);
    margin-top: 90px;
  }
}

/* backoffice responsive */
@media(max-width: 792px) {
  .edit-restaurant-on-leave-container {
    margin: 33px 30px 65px;
  }
}

@media(max-width: 920px) {
  .edit-restaurant-time-container {
    padding: 0 15px;
    width: calc(100% - 30px);
  }
}

@media(max-width: 540px) {
  .business-reviews-image {
    width: 100%;
  }
}

@media(max-width: 460px) {
  .edit-restaurant-on-leave-date {
    width: 75%;
    margin-left: 0;
  }
}

@media(max-width: 900px) {
  .backofficerestaurantselector-body {
    width: 40%;
  }
}

@media(max-width: 740px) {
  .backofficeuser-username {
    display: none;
  }
  .backofficeuser-avatar {
    width: 30px;
    height: 30px;
    margin: 2px 5px;
  }
  .backofficeuser-body {
    background: transparent;
    width: 48px;
    margin-top: 0;
    margin-right: 30px;
  }
  .location-services-container {
    margin-left: 15px;
    width: calc(100% - 30px);
    margin-right: 15px;
  }
  .backofficerestaurantselector-address {
    display: none;
  }
  .backoffice-fixed-header {
    height: 36px;
  }
  .backofficerestaurantselector-body {
    width: calc(100% - 136px);
    min-width: calc(100% - 136px);
    margin-top: 0;
    padding: 5px 0;
  }
  .backofficerestaurantselector-name-label {
    font-size: 16px;
  }
  .backoffice-component-leftmenu {
    margin-top: 36px;
    height: calc(100vh - 36px);
    z-index: 1000000
  }
  .backofficemenu-body {
    padding-top: 0;
    height: 100%;
  }
  .backoffice-component-content-body {
    width: calc(100% - 30px);
    padding: 45px 15px 15px 15px;
  }
  .backoffice-restaurant-selector-container {
    padding-top: 6px;
    width: calc(100vw - 48px);
  }
  .backofficerestaurantselector-label {
    font-size: 13px;
  }
  .edit-restaurant-two-fields-container.special-products {
    width: calc(100% - 30px);
    margin-bottom: 50px;
    padding: 0 15px;
  }
  .edit-restaurant-menu-service-container {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  .edit-restaurant-closing-days-container {
    width: calc(100% - 30px);
    display: inline-block;
    padding: 0 15px;
  }

  .edit-restaurant-popup-container-editRole{
    margin-left: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
  }

  .edit-restaurant-choose-role-container{
    bottom:10px;
    width:100%;
    top: initial;
  }

  .edit-restaurant-choose-role {
    float: left;
    width: calc(100% - 30px);
    padding:0 15px;
    text-align: center;
    border-top: 1px solid #ccc;
  }
  .edit-restaurant-on-leave-container {
    margin: 33px 15px 65px;
  }
  .location-services-container {
    margin-left: 15px;
    width: calc(100% - 30px);
    margin-right: 15px;
  }
  .popupInfoBackOffice .popupContent {
    width: 50vw;
    padding: 10px;
    font-size: 15px;
  }
}

@media(max-width: 560px) {
.edit-restaurant-time {
  float: left;
  width: 90%;
}
}

@media(max-width: 1000px) {
  .editrestaurant-change-field, .editrestaurant-change-field.social-links {
    margin-left: 15px;
    margin-right: 15px;
    min-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .backoffice-description-container {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
  .backoffice-roles-container {
    width: calc(100% - 30px);
    padding: 0px 15px;
  }
  .edit-restaurant-two-fields-container.special-products {
    width: calc(100% - 30px);
    margin-bottom: 50px;
    padding: 0 15px;
  }
}

@media(max-width: 1000px) {
  .backoffice-icon-social-links {
    display: none;
  }
  .backoffice-social-links {
    margin-left: 0;
  }
  .backoffice-social-links-input {
    margin-left: 0;
    width: calc(100% - 50px);
  }
  input.businessinfo-input.backoffice-social-links-input, .businessinfo-input.backoffice-social-links-input {
    margin-left: 10px;
    width: calc(100% - 66px);
  }
}

@media(max-width: 740px) {
  .backoffice-tag {
    max-width: calc(100vw - 135px);
  }
  .backoffice-tags-container {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
  .edit-restaurant-tag-container {
    margin-right: 15px;
    margin-left: 30px;
  }


.role-description-container{
  display:none;
}

  .edit-restaurant-popup, .popup-container {
    left: 5vw;
    width: 90vw;
  }

  div.albumEditor .grid-item-sizer,
  div.albumEditor .grid-item{
        width: 45%;
        padding: 2%;
  }

}

@media(max-width: 1000px) {
  .editrestaurant-alias-field {
    width: calc(100% - 120px);
  }
}
@media(max-width: 500px) {
  .editrestaurant-alias-field {
    width: 100%;
  }
  .business-info-telephone-input-name {
    width: calc(100% - 48px);
    float: initial;
    min-width: calc(100% - 48px);
    max-width: calc(100% - 48px);
  }
  .businessinfo-input-email-telefone.email {
    width: calc(100% - 50px);
  }
  .business-info-telephone-input {
    width: calc(100% - 170px);
    float: left;
  }
  input.editrestaurant-input-field.business-info-email-input, .editrestaurant-input-field.business-info-email-input {
    float: left;
    width: calc(100% - 70px);
  }
  .edit-restaurant-role-description {
    padding: 30px 15px 50px;
  }
  .edit-restaurant-roles-container {
    padding: 0 15px 70px;
  }
  input.editrestaurant-input-field.business-info-telephone-input, .editrestaurant-input-field.business-info-telephone-input {
    width: calc(100% - 192px);
  }
}

@media(max-width: 796px) {
  .edit-restaurant-first-field {
    margin: 0;
    width: 100%;
  }
  .edit-restaurant-second-field {
    margin: 0;
    width: 100%;
  }
}
@media(max-width: 740px) {
  .edit-restaurant-first-field {
    width: calc(50% - 35px);
    margin-right: 35px;
  }
  .edit-restaurant-second-field {
    margin: 0;
    width: 50%;
  }
  .backoffice_logo_header_desktop {
    display: none;
  }
  .backoffice_logo_header_mobile {
    display: block;
  }
}
@media(max-width: 586px) {
  .edit-restaurant-first-field {
    margin: 0;
    width: 100%;
  }
  .edit-restaurant-second-field {
    margin: 0;
    width: 100%;
  }
}

@media(max-width: 550px) {
  .service-backoffice-element {
    width: 100%;
  }
  .homeMainBanner-inner {
    padding: 0 40px;
    width: calc(100% - 80px);
  }
}

/* backoffice home page responsive */
@media(max-width: 1160px) {
  /* pallotte più piccole */
  .row.backoffice-balls-container {
    padding: 0;
    width: 100%;
  }
}

@media(max-width: 375px) {
  button.saveorcanceleditrestaurant-save-button, .saveorcanceleditrestaurant-save-button {
    width: 100px;
  }
  button.saveorcanceleditrestaurant-save-button:hover, .saveorcanceleditrestaurant-save-button:hover {
    width: 100px;
  }
  button.saveorcanceleditrestaurant-save-button.not-changed:hover, .saveorcanceleditrestaurant-save-button.not-changed:hover {
    width: 100px;
  }
  button.saveorcanceleditrestaurant-cancel-button, .saveorcanceleditrestaurant-cancel-button {
    width: 100px;
  }
  button.saveorcanceleditrestaurant-cancel-button:hover, .saveorcanceleditrestaurant-cancel-button:hover {
    width: 100px;
  }
}

@media(max-width: 400px) {
  .backoffice-change-attribute {
    min-width: 100%;
  }
  .HomeBanner-main-text h2, .HomeBanner-main-text {
    font-family: 'Archivo Black', sans-serif;
    font-size: 31px;
    text-align: center;
    line-height: 36px;
    margin-top: 5px;
    letter-spacing: -0.5px;
    /* text-align: left; */
    color: #ffffff;
  }
  .best-contents-card-text.HomeBanner-main-text {
    line-height: 16px;
    margin-top: 5px;
  }
  .home-download-app-squeeze-page {
    width: 320px;
  }
  .home-download-app-image-side {
    height: 310px;
  }
  .search-results-card {
    max-width: 300px;
    width: 300px;
  }
}

@media(max-width: 480px) {
  .edit-restaurant-cover-image {
    padding: 0;
    width: 100%;
    height: initial;
  }
  .edit-restaurant-layer-owner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .backoffice-cover-image {
    width: 100%;
    height: 100%;
  }
  .restaurant-prev-name {
    max-width: 200px;
  }
}

@media(max-width: 845px) {
  .last-certified-container-center {
    max-width: 415px;
  }
}

@media(max-width: 800px) {
  .popup-add-images {
    margin: 80px auto;
  }
  .business-faq {
    width: 100%;
  }
  .business-backoffice-role-center {
    max-width: 300px;
  }
  .business-backoffice-role-space {
    width: calc(100% - 30px);
  }
}

@media(max-width: 400px) {
  .popup-add-images {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
}

@media(max-width: 790px) {
  .edit-restaurant-popup, .popup-container {
    width: calc(100vw - 60px);
    max-width: calc(100vw - 60px);
    margin-left: 30px;
    left: 0;
  }
}

@media(max-width: 740px) {
  .edit-restaurant-popup, .popup-container {
    top: 120px;
  }
  /* .popup-container.popup-checkins {
    top:
  } */
}

@media(max-width: 1100px) {
  div.numberRow .favoritesNumber {
    font-size: 25px;
    margin-top: 5px;
    line-height: 20px;
  }
  div.numberRow .title {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 5px;
  }
  div.numberRow .description {
    line-height: 14px;
    font-size: 12px;
  }
  div.numberRow {
    width: 120px;
    height: 120px;
  }
  span.backoffice-statistics-label {
    display: none;
  }
  .plan-card {
    width: 280px;
    margin: 5px 5px;
  }
}

@media(max-width: 860px) {
  .backoffice-payment-method {
    margin-right: 15px;
    width: calc(50% - 30px);
  }
  .backoffice-floor-switch {
    width: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 0;
  }
  .backoffice-floor-input {
    width: 50%;
    margin-right: 0;
  }
  .user-contents-container {
    padding: 48px 10px 50px;
    width: calc(100% - 20px)
  }
  .user-activities-container {
    padding: 0 10px 50px;
    width: calc(100% - 20px);
  }
}

@media(max-width: 600px) {
  .backoffice-floor-input {
    width: 100%;
  }
  .business-services-slider-image {
    width: calc(100% - 30px);
  }
  .billContent_orderList {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .restaurant-facebook-rating {
    margin-right: 0;
    margin-left: 20px;
    width: calc(100% - 60px);
  }
  .table-prices-cell.less-space {
    flex: unset;
    max-width: 90px;
    width: 90px;
    padding: 20px;
    line-height: 44px;
  }
  .table-prices-row.intro .table-prices-cell.table-title-little.showOnMobile {
    display: none;
  }

  .planDetailsContainer .table-prices-cell.less-space {
    flex: 0.5;
    max-width: unset;
    padding: 20px;
    line-height: 44px;
  }
  .table-title-big.table-prices-cell {
    font-size: 25px;
  }
  .table-prices-tabs-container {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .table-prices {
    margin: 0px 10px 50px;
  }
  .table-prices .table-products-title {
    line-height: 21px;
  }
  .table-prices .table-products-description {
    line-height: 20px;
  }
  .column-quarter {
    width: calc(100% - 30px);
  }
  .column-text {
    padding: 30px;
    width: calc(100% - 60px);
  }
  .banner_download_app_business {
    display: flex;
    width: calc(100% - 20px);
    padding: 50px 10px 0;
    flex-direction: column-reverse;
  }
  .banner_download_app_business_image_container {
    float: right;
    width: 100%;
    margin: 30px auto 0;
    display: inherit;
  }
  .banner_download_app_business_image {
    margin: 0 auto;
  }
  .banner_download_app_business_text {
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}

@media(max-width: 1075px) {
  .business-services-slider-image.business-handle-page {
    width: 100%;
  }
}

@media(max-width: 1050px) {
  .backoffice-component-content-body-section.statistics div.column-3 {
    width: initial;
  }
}

@media(max-width: 634px) {
  .backoffice-component-content-body-section.statistics div.column-3 {
    float: initial;
  }
}

@media(max-width: 940px) {
  .row .column-4 {
    width: initial;
  }
}

@media(max-width: 434px) {
  .row .column-4 {
    float: initial;
  }
}

@media(min-width: 741px) {
  button.backoffice-menu-mobile, .backoffice-menu-mobile {
    display: none;
  }
  .backoffice-component-leftmenu.show-menu-true {
    width: 210px;
  }
  .backoffice-component-leftmenu.show-menu-false {
    width: 210px;
  }
}

@media(max-width: 660px) {
  .backoffice-change-alias-container {
    width: calc(100% - 60px);
    margin: 3vh 30px;
  }
}

@media(max-width: 535px) {
  .backoffice-change-alias-text {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    font-size: 15px;
  }
  .backoffice-change-alias-input {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .backoffice-change-alias-container.edit-restaurant {
    max-width: calc(100% - 60px);
    margin: 3vh 30px;
    left: 0;
  }
}

@media(max-width: 470px) {
  .backofficerestaurantselector-name-container {
    padding: 0;
    width: calc(100% - 20px);
  }
  .backoffice-payment-method {
    margin-right: 0;
    width: 100%;
  }
  .backoffice-restaurant-selector-caret {
    float: left;
  }
}

@media(max-width: 512px) {
  .backoffice-role {
    margin-right: 0;
    width: 100%;
  }
}

@media(max-width: 600px) {
  .reset-password-button-container {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
}

/* media query to handle resize on thank you page after signin up */
@media(max-width: 760px) {
  .business-thank-you-image-container {
    display: none;
  }
  .business-thank-you-text-container {
    width: calc(100% - 100px);
    padding-right: 100px;
  }
}
@media(max-width: 520px) {
  .business-thank-you-container {
    padding: 130px 20px 80px 20px;
    width: calc(100% - 40px);
  }
  .business-thank-you-text-container {
    width: 100%;
    padding-right: 0;
  }
}

@media(min-width: 650px) {
  #header .header_button {
    display: none;
  }
}
@media(max-width: 649px) {
  #header .header_button {
    display: inline-block;
  }
}

@media(max-width: 620px) {
  .filter-window {
    left: 10px;
    min-width: calc(100vw - 70px);
    max-width: calc(100vw - 70px);
    width: calc(100vw - 70px);
  }
}

/* scheda responsive */
@media(max-width: 1275px) {
  .detailsContainer .item-body .lefthalf{
    width:400px;
  }
  .detailsContainer .item-body .righthalf{
    width:calc(100% - 530px);
  }
  /* .detailsContainer .item-head {
      width: calc(530px - 80px);
      padding: 10px 80px 10px 0px;
  } */
  .reviewHead .reviewAuthor{
    width:50%;
  }
  .reviewHead .reviewRatings{
    width:50%;
  }
  /* .certificationLabel{
    display: none;
  } */
  .RestaurantInfo-certification{
    left:60%;
  }
}

@media(max-width: 1152px) {
  .reviewHead .reviewAuthor{
    width:calc(100% - 250px);
  }
  .reviewHead .reviewRatings{
    width:250px;
  }
}

@media(max-width: 1127px) {
  .reviewHead .reviewAuthor .sidebarCheckins{
    width:40px;
    height:40px;
    margin: 0 20px 0 0;
  }
  .reviewHead .reviewAuthor{
    width:90%;
    margin-bottom: 25px;
  }
  .reviewHead .reviewRatings {
    width: calc(100% - 55px);
    padding-left: 40px;
    margin-bottom: 10px;
  }
  .Restaurant-detail-username {
    line-height:20px;
  }
  .Restaurant-detail-username .mobileDate{
    display:block;
  }

  .extendedInfo{
    display:none;
  }

}



@media(max-width: 940px) {
  .backToResults-container{
   display:none;
  }
  .detailsContainer .item-body .lefthalf{
    width:calc(100% - 130px);
    padding-left:130px;
    padding-bottom: 0;
  }
  .detailsContainer .item-body .righthalf{
    width:calc(100% - 130px);
    padding-left:130px;
  }
  /* .detailsContainer .item-head {
      width: calc(100% - 80px);
      padding: 10px 80px 10px 0px;
  } */
  .detailsContainer{
    width:100%;
    padding-left:0px;
    padding-right:0px;
  }

  .extendedInfo{
    display:block;
  }
  .Restaurant-detail-username .mobileDate{
    display:none;
  }
  .reviewHead .reviewRatings{
    float:left;
    width:60%;
  }
  .Restaurant-detail-username {
    line-height:20px;
  }
  .reviewHead .reviewAuthor{
    width:40%;
  }
  .reviewHead .reviewAuthor .sidebarCheckins{
    width:40px;
    height:40px;
    margin: 0 20px 40px 0;
  }
  .reviewHead .reviewRatings {
    width: 60%;
    padding:0px;
  }
  /* .certificationLabel{
    display: block;
  } */
  .RestaurantInfo-certification{
    left:40%;
  }
  .restaurant-details-image-container-little {
    display: block;
    margin-top: 30px;
  }
  .restaurant-details-image-container-big {
    display: none;
  }
  .coverContainer {
    margin-bottom: 0;
    height: 350px;
  }
  .Restaurant-detail-title.with-pictures {
    margin-top: 0;
  }
  .restaurant-details-crew-little {
    display: inline-block;
  }
}

@media(max-width: 750px) {
  .reviewHead .reviewAuthor{
    width:50%;
  }
  .reviewHead .reviewRatings{
    width:50%;
  }
}

@media(max-width: 725px) {
  .reviewHead .reviewAuthor .sidebarCheckins{
    width:40px;
    height:40px;
    margin: 0 20px 0 0;
  }
  .reviewHead .reviewAuthor{
    width:90%;
    margin-bottom: 25px;
  }
  .reviewHead .reviewRatings {
    width: calc(100% - 60px);
    padding-left: 40px;
    margin-bottom: 10px;
  }
  .restaurat-detail-review-blob {
    width: calc(100% - 70px);
    margin-left: 50px;
    margin-top: 10px;
  }
  .backoffice-blob-user-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .backoffice-blob-review-container {
    width: calc(100% - 20px);
    margin-left: 0;
  }
  .Signal-abuse-blob {
    width: 175px;
  }
  .Signal-abuse-blob:hover {
    width: 173px;
  }
  .Signal-abuse-blob-cancel {
    width: 175px;
    margin-top: 0;
    margin-left: 20px;
  }
  .Signal-abuse-blob-cancel:hover {
    width: 173px;
  }
  .Restaurant-detail-username .mobileDate{
    display:block;
  }
  .extendedInfo{
    display:none;
  }
}

@media(max-width: 650px) {
  .detailsContainer{
    margin-top:60px;
  }
  .detailsContainer.closed {
    margin-top: 60px;
  }
  .detailsContainer .item-body .lefthalf,
  .detailsContainer .item-body .righthalf{
    width: calc(100% - 70px);
    padding-left:35px;
    padding-right:35px;
    min-width: auto;
    padding-top: 0;
  }

  .reviewHead .reviewAuthor .sidebarCheckins{
    width:40px;
    height:40px;
    margin: 0 20px 0 0;
  }
  .reviewHead .reviewAuthor{
    width:90%;
    margin-bottom: 25px;
  }
  .reviewHead .reviewRatings {
    width: calc(100% - 60px);
    padding-left: 40px;
    margin-bottom: 10px;
  }
  .Restaurant-detail-username {
    line-height:20px;
  }
  .Restaurant-detail-username .mobileDate{
    display:block;
  }
  .extendedInfo{
    display:none;
  }
  /* .certificationLabel{
    display: none;
  } */
  .RestaurantInfo-certification {
      left: auto;
      right: 35px;
  }
  /* .detailsContainer .item-head{
    top:0;
    width:100%;
    padding: 10px 0;
    position: relative;
  } */

  .detailsContainer .sidebarContainer {
    width: auto;
    float: left;
    position: absolute;
    left:auto;
    right:0px;
    top: 7px;
  }
  .sidebarContainer.closed {
    top: 40px;
    margin-top: 0;
  }
  .RestaurantInfo-rating-overall {
    padding-top: 0;
    padding-left: 35px;
    padding-bottom: 10px;
  }
  .detailsContainer .item-sidebar{
    position:relative;
    width:calc(100% - 10px);
    float: left;
    padding: 10px 10px 10px 0;
    margin-top: 0;
  }
  .detailsContainer .sidebarContainer.closed {
    margin-top: 0;
  }
  .detailsContainer .item-sidebar .cititle{
    width: inherit;
    margin: 0 10px 0 0;
  }
  .detailsContainer .item-sidebar .sidebarCheckins,
  .detailsContainer .item-sidebar .sidebarCheckins .user-image-round{
    width:40px !important;
    height:40px !important;
    border-radius: 20px;
  }
  .detailsContainer .item-sidebar .sidebarCheckins{
    margin-right:10px;
    margin-bottom: 0;
  }
  .detailsContainer .item-sidebar .cinumber {
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
  }
  .sidebarCheckinsDetails{
    display: none;
  }
  .detailsContainer .itemNameContainer{
    padding:0 35px;
    float:left;
    width:calc(100% - 70px);
    padding-top: 10px;
  }

  /* .detailsContainer .item-head .RestaurantInfo-review-counter.aggregateRating{
    display: none;
  } */
  .restaurant-head-main-info {
    margin-left: -37px;
    margin-bottom: 0px;
  }
  .RestaurantInfo-review-counter {
    display: none;
  }
  .RestaurantInfo-review-counter-mobile {
    display: inline;
  }
  .RestaurantInfo-score-and-counter-container {
    width: 100%;
  }
  .RestaurantInfo-rating-container.aggregateRating,
  .RestaurantInfo-rating-container.aggregateRating span,
  .RestaurantInfo-review-counter.aggregateRating {
    width: initial;
  }
  i.icon.RestaurantInfo-icon-certified-experiences {
    width: initial;
    margin-top: 0;
  }
  .RestaurantInfo-rating-circles-container {
    margin-top: 0;
  }
  .restaurant-other-information {
    margin: 20px 0 0;
  }
  .RestaurantInfo-address-container {
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    width: calc(100% - 40px);
  }
  /* .resultList-slider {
    top: 60px;
    height: calc(100vh - 60px);
  } */
}

@media(max-width: 321px) {
  .reviewHead .reviewRatings {
    width: 100%;
    padding-left: 0px;
  }
}

@media(max-width: 400px) {
  .detailsContainer .item-sidebar .sidebarCheckins, .detailsContainer .item-sidebar .sidebarCheckins .user-image-round {
      width: 30px !important;
      height: 30px !important;
      border-radius: 15px;
      margin-right: 5px;
  }
  .detailsContainer .item-sidebar .cinumber {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
  }
  .detailsContainer .item-sidebar .cititle{
    font-size:30px;
    margin-right: 5px;
  }
}

/*@media(max-width: 400px) {
  .item-sidebar{
    display:none;
  }
}*/

@media(max-width: 445px) {
  .detailsContainer .item-body .lefthalf, .detailsContainer .item-body .righthalf {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 410px) {
  .detailsContainer .item-body .lefthalf, .detailsContainer .item-body .righthalf {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }
  .RestaurantInfo-rating-overall {
    text-align: left;
    padding-left: 10px;
  }
  .detailsContainer .itemNameContainer {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .restaurant-head-main-info {
    margin-left: -10px;
  }
}

@media(max-width: 380px) {
  .restaurant-review-margin {
    margin-left: 0;
    width: 100%;
  }
}

@media(max-width: 640px) {
  .bestNearYou-container {
    padding: 20px 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 640px) {
  .bestNearYou-container {
    padding: 20px 50px;
    width: calc(100% - 100px);
  }
}

@media (max-width: 800px) {
  .resultList-slider {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .search-results-container {
    padding: 0 30px;
    width: calc(100% - 60px);
  }
}

@media (max-width: 460px) {
  .search-results-container {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .business-image-and-text-image {
    width: 100%;
  }
}

@media (max-width: 410px) {
  .search-results-container {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .resultListImage {
    width: 150px;
    height: 150px;
  }
  .restaurantCard-searchResults-item.bigImage .resultListImage {
    width: 150px;
    height: 170px;
  }
}

@media(max-width: 340px) {
  .resultListImage {
    width: 130px;
    height: 130px;
  }
  .restaurantCard-searchResults-item.bigImage .resultListImage {
    width: 130px;
    height: 150px;
  }
}

@media (max-width: 480px) {
  .best-contents {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
}

@media(max-width: 400px) {
  .best-contents-card {
    width: 75px;
    height: 75px;
    padding: 5px;
  }
  .best-contents-card-text {
    font-size: 13px;
  }
}

@media(max-width: 720px) {
  .restaurant-preview-card {
    width: 160px;
    height: 160px;
  }
}

@media(max-width: 650px) {
  .bestNearYou-container {
    padding: 20px 10px 50px;
    width: calc(100% - 20px);
  }
  .business-services-slider-image.business-handle-page {
    width: 100%;
  }
}

@media(max-width: 580px) {
  .restaurant-preview-card {
    width: 180px;
    height: 180px;
  }
}

@media(max-width: 450px) {
  .restaurant-preview-card {
    width: 160px;
    height: 160px;
  }
  .last-certified-container-center {
    max-width: 100%;
    width: 100%;
  }
  .last-certified-preview-card-big,
  .last-certified-preview-card-medium,
  .last-certified-preview-card-little,
  .last-certified-preview-card-big.in-user-profile,
  .last-certified-preview-card-medium.in-user-profile,
  .last-certified-preview-card-little.in-user-profile {
    width: calc(100% - 2px);
    margin: 0 0 38px;
  }
  .last-certified-preview-photo-big,
  .last-certified-preview-photo-medium {
    width: 100%;
  }
  .restaurant-last-certified-experience {
    width: 100%;
  }
  .search-best-restaurants {
    margin-left: 0;
    text-align: center;
  }
  .homeMainBanner {
    height: 480px !important;
  }
  .user-contents-review-position {
    float: initial;
  }
  .last-reviews-profile-container {
    margin: 20px 0;
    width: 100%;
  }
  .badges-profile-container {
    margin: 20px 0;
    width: 100%;
  }
  .featured-photo-text-side h2::after,
  .Home-choosen-by-foodies h3::after,
  .last-pictures-title h2::after,
  .last-reviews-home-title h2::after,
  .home-cities-title h2::after {
    right: 20px;
    width: 50px;
  }
  .featured-photo-text-side h2::before,
  .Home-choosen-by-foodies h3::before,
  .last-pictures-title h2::before,
  .last-reviews-home-title h2::before,
  .home-cities-title h2::before {
    left: 20px;
    width: 50px;
  }
  .featured-photo-text-side h2,
  .Home-choosen-by-foodies h3,
  .last-pictures-title h2,
  .home-cities-title h2,
  .last-reviews-home-title h2 {
    width: initial;
  }
  .featured-photo-text-side h2::after,
  .featured-photo-text-side h2::before {
    top: 22px;
  }
  .tourist-wallet-image {
    max-width: 100%;
    float: initial;
  }
}

@media(max-width: 380px) {
  .restaurant-preview-card {
    width: 150px;
    height: 150px;
  }
}

@media(max-width: 330px) {
  .restaurant-preview-card {
    width: 140px;
    height: 140px;
  }
}

@media(max-width: 305px) {
  .restaurant-preview-card {
    width: 130px;
    height: 130px;
  }
}

@media(max-width: 1000px) {
  .backoffice-first-time-popup {
    top: 70px;
  }
}

@media(max-width: 780px) {
  .backoffice-first-time-popup {
    left: 15px;
    max-width: calc(100vw - 70px);
    width: calc(100vw - 70px);
  }
}

@media (min-width: 2045px) {
  .react-cookie-banner .button-close {
    margin: 20px 15px 15px;
  }
}

/*@media (min-width: 1290px) {
  .detailsContainer .item-head {
    width: 550px;
  }
}*/

@media(max-width: 1000px) {
  .are_you_owner_button {
    display: block;
  }
}

@media(max-width: 1127px) {
  .restaurat-detail-review-blob {
    margin-left: 50px;
    width: calc(100% - 70px);
    margin-top: 10px;
  }
}

@media(max-width: 940px) {
  .restaurat-detail-review-blob {
    width: calc(100% - 230px);
    margin-left: 30px;
    margin-top: 0;
  }
}

@media(max-width: 650px) {
  .restaurat-detail-review-blob {
    width: calc(100% - 70px);
    margin-left: 50px;
    margin-top: 10px;
  }
}

/* media query to report abuse in reviews and comments */
@media(max-width: 875px) {
  .backoffice-blob-user-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .backoffice-blob-review-container {
    width: calc(100% - 70px);
  }
}

@media(max-width: 740px) {
  .backoffice-blob-user-container {
    width: 300px;
    max-width: 300px;
    margin-bottom: 0;
  }
  .backoffice-blob-review-container {
    width: calc(100% - 300px);
    margin-left: 0;
  }
}

@media(max-width: 650px) {
  .backoffice-blob-user-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .backoffice-blob-review-container {
    width: calc(100% - 20px);
    margin-left: 0;
  }
}

@media (max-width: 996px) {
  .Signal-abuse-blob {
    width: 100%;
  }
  .Signal-abuse-blob:hover {
    width: calc(100% - 2px);
  }
  .Signal-abuse-blob-cancel {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  .Signal-abuse-blob-cancel:hover {
    width: calc(100% - 2px);
  }
}

@media (max-width: 875px) {
  .Signal-abuse-blob {
    width: 175px;
  }
  .Signal-abuse-blob:hover {
    width: 173px;
  }
  .Signal-abuse-blob-cancel {
    width: 175px;
    margin-top: 0;
    margin-left: 20px;
  }
  .Signal-abuse-blob-cancel:hover {
    width: 173px;
  }
}

@media (max-width: 736px) {
  .Signal-abuse-blob {
    width: 100%;
  }
  .Signal-abuse-blob:hover {
    width: calc(100% - 2px);
  }
  .Signal-abuse-blob-cancel {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  .Signal-abuse-blob-cancel:hover {
    width: calc(100% - 2px);
  }
}

@media (max-width: 650px) {
  .Signal-abuse-blob {
    width: 175px;
  }
  .Signal-abuse-blob:hover {
    width: 173px;
  }
  .Signal-abuse-blob-cancel {
    width: 175px;
    margin-top: 0;
    margin-left: 20px;
  }
  .Signal-abuse-blob-cancel:hover {
    width: 173px;
  }
  .bio_cover{
    background-position: top right;
  }
}

@media(max-width: 550px) {
  .restaurant-details-reviews-count {
    width: 100%;
  }
  .restaurant-details-write-experience {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 15px;
  }
}

@media(max-width: 485px) {
  .restaurat-detail-review-blob {
    margin-left: 10px;
    width: calc(100% - 30px);
  }
  .reviewHead .reviewRatings {
    padding-left: 0;
    width: calc(100% - 20px);
  }
}

@media (max-width: 456px) {
  .Signal-abuse-blob {
    width: 100%;
  }
  .Signal-abuse-blob:hover {
    width: calc(100% - 2px);
  }
  .Signal-abuse-blob-cancel {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  .Signal-abuse-blob-cancel:hover {
    width: calc(100% - 2px);
  }
}

/* filters */
@media(max-width: 1151px) {
  .search-filters-category {
    width: 40%;
  }
}
@media(max-width: 462px) {
  .search-filters-category {
    width: 85%;
  }
}
@media(max-width: 1100px) {
  .filters-distance-slider-and-label-container {
    width: 100%;
    margin-top: 15px;
  }
  .filter-slider-price-label {
    width: 70px;
  }
  .filters-slider-price-container {
    width: calc(100% - 110px);
  }
  .show-more-results-outside.filters {
    float: none;
  }
  .search-filters-clear.filters {
    float: none;
    margin-left: 0;
    margin-top: 15px;
  }
}

/* edit profile page */
@media(max-width: 820px) {
  .edit-profile-section {
    width: 100%;
  }
  .edit-profile-section {
    width: 100%;
  }
}

@media(max-width: 650px) {
  .edit-profile-label {
    display: none;
  }
  .edit-profile-text {
    width: 100%;
  }
  input.edit-profile-input.with-placeholder, .edit-profile-input.with-placeholder {
    display: block;
  }
  input.edit-profile-input, .edit-profile-input {
    width: 100%;
    display: none;
  }
  button.edit-profile-button, .edit-profile-button {
    width: 100%;
  }
  .edit-profile-dropdown-container {
    width: 100%;
    margin-left: 0;
  }
}

@media(min-width: 1151px) {
  .bio_cover{
    background-position: 0 10%;
  }
  .bio_cover.ambra_del_moro{
    background-position: 0 30%;
  }
}

@media(max-width: 370px) {
  .blueTagArea.foodtype-tag {
    margin-right: 10px;
  }
}

@media(max-width: 800px) {
  .backoffice-delete-button {
    display: block !important;
  }
}

@media(max-width: 392px) {
  button.backoffice-plus-button.on-leave, .backoffice-plus-button.on-leave {
    margin-top: 33px;
  }
}

@media(max-width: 720px) {
  .home-video-mobile {
    display: block;
  }
  .home-video-desktop {
    display: none;
  }
}

/* media query for articles slider in home page */
@media(max-width: 800px) {
  .talk-about-us-image-container {
    padding: 20px 45px;
    width: calc(100% - 90px);
    text-align: center;
  }
  .talk-about-us-text-and-date {
    width: 100%;
  }
  .talk-about-us-image {
    margin: 0 auto;
  }
  .talk-about-us-text-virgolette {
    font-size: 20px;
  }
  .talk-about-us-text-virgolette.start {
    left: 0;
  }
  .talk-about-us-text-virgolette.end {
    right: 0;
  }
  .talk-about-us-title {
    font-size: 35px;
  }
  .search-results-and-map-container {
    height: calc(100vh - 100px);
  }
}

@media(max-width: 600px) {
  .talk-about-us-container {
    padding: 40px 30px 120px;
    width: calc(100% - 60px);
  }
  .talk-about-us-slider-arrow.prev {
    left: -20px;
  }
  .talk-about-us-slider-arrow.next {
    right: -20px;
  }
  .business-text-title-container {
    padding: 70px 20px;
    width: calc(100% - 40px);
  }
  .business-quote-container {
    padding: 70px 20px;
    width: calc(100% - 40px);
  }
  .photos-gallery-arrows {
    font-size: 40px;
  }
  .photos-gallery-arrows.prev {
    left: -40px;
  }
  .photos-gallery-arrows.next {
    right: -40px;
  }
}

@media(max-width: 450px) {
  .talk-about-us-title {
    font-size: 25px;
  }
  button.button-filter-profile-page-selected,
  .button-filter-profile-page-selected,
  button.button-filter-profile-page,
  .button-filter-profile-page {
    padding: 0 5px;
  }
  .review-label-desktop {
    display: none;
  }
  .review-label-mobile {
    display: initial;
  }
}

@media(max-width: 1200px) {
  .home-be-foodie-picture-container {
    width: 100%;
    text-align: center;
  }
  .home-be-foodie-picture-space {
    width: 400px;
  }
  .home-be-foodie-squares-and-text-container {
    width: 100%;
  }
  .home-be-foodie-squares-text {
    text-align: center;
  }
  .home-be-foodie-squares-title {
    text-align: center;
  }
  .business-services-slider-little {
    display: block;
  }
  .business-services-slider-big {
    display: none;
  }
  .business-service-slider.long, .business-service-slider.short, .business-service-slider.business-handle-page {
    width: initial;
    padding: 0 30px 2px;
    text-align: left;
  }
  .business-service-slider.business-handle-page {
    padding: 0 0 2px;
    width: 30vw;
    text-align: center;
  }
  .home-be-foodie-squares-title {
    margin-top: 40px;
  }
}

@media(max-width: 660px) {
  .home-be-foodie-squares-container {
    width: 240px;
    margin: 0 auto;
  }
  .business-services-slider-little-handle-page {
    display: block;
  }
  .business-services-slider-big-handle-page {
    display: none;
  }
  .business-service-slider.business-handle-page {
    width: initial;
    padding: 0 30px 2px;
    text-align: left;
  }
  .restaurant-images-preview-container {
    float: initial;
    width: 100%;
    display: block;
    margin-top: -7px;
  }
  .restaurant-images-preview-container.with-no-images {
    display: none;
  }
  .restaurant-details-main-image {
    max-width: unset;
    float: initial;
  }
  img.restaurant-details-image-preview, .restaurant-details-image-preview {
    float: left;
    margin: 5px;
    /* flex: auto; */
    width: 130px;
    height: 130px;
  }
  .restaurant-details-previews-more {
    line-height: 130px;
  }
  .restaurant-images-container-desktop {
    position: absolute;
    bottom: 7px;
    display: flex;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@media(max-width: 500px) {
  .home-be-foodie-container {
    padding: 70px 10px 30px;
    width: calc(100% - 20px);
  }
  .home-be-foodie-picture-space {
    width: 100%;
  }
  .business-image-and-text-text-center {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
}

@media(max-width: 680px) {
  .home-articles-container-desktop {
    display: none;
  }
  .home-articles-container-mobile {
    display: block;
  }
  .home-articles-container {
    padding: 50px 30px 20px
  }
  .user-profile-counter {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
  }
  .user-profile-label-counter {
    font-size: 14px;
  }
}

@media(max-width: 480px) {
  .download_app_title {
    font-size: 35px;
  }
  .download_app_subtitle {
    font-size: 20px;
  }
}

/* media query for the animation of the phone in the home page */
@media(max-width: 500px) {
  .home-phone-certificato {
    left: 10px;
  }
  .home-phone-mappa {
    left: -40px;
  }
  .home-phone-review {
    right: 225px;
  }
  .home-phone-gelato {
    right: 130px;
    top: -35px;
  }
  .home-phone-cuore {
    right: -50px;
    top: 180px;
  }
  .home-phone-cerchio-bianco-3 {
    right: -30px;
    top: 140px;
  }
}
@media(max-width: 450px) {
  .home-phone-cerchio-bianco-5 {
    display: none;
  }
  .home-phone-pizza {
    display: none;
  }
}

@media(max-width: 1600px) {
  /* .RestaurantInfo-rating-menu.extendedInfo.review-above {
    display: none;
  } */
  /* .RestaurantInfo-rating-menu.extendedInfo.review-below {
    display: block;
  } */
  .reviewHead .reviewAuthor .sidebarCheckins {
    margin: 0 20px 20px 0;
  }
}

/* media for the form to sign up business, lateral images */
@media(max-width: 1350px) {
  .business-step-explenation-container {
    width: calc(100% - 180px);
    margin-left: 70px;
  }
}
@media(max-width: 1150px) {
  .business-step-explenation-container {
    width: calc(100% - 150px);
    margin-left: 60px;
  }
  .business-step-explenation-date {
    margin-right: 0;
  }
}
@media(max-width: 950px) {
  .business-step-explenation-container {
    width: calc(100% - 120px);
    margin-left: 120px;
  }
  .business-signup-laptop {
    margin-left: 80px;
  }
  .business-medium-image {
    width: 100%;
  }
  .homeMainBanner {
    display: none;
  }
  .homeMainBannerMobile {
    display: inline-block;
    padding: 110px 0 0;
  }
  .HomeBanner-main-text h1, .HomeBanner-main-text {
    text-align: center;
  }
  .HomeBanner-first-row h1, .HomeBanner-first-row {
    text-align: center;
  }
  .HomeBanner-main-text h2, .HomeBanner-main-text {
    text-align: center;
  }
  .HomeBanner-bottom-row p, .HomeBanner-bottom-row {
    text-align: center;
    margin-bottom: 40px;
  }
  .HomeBanner-button {
    margin: 0 auto;
  }
  .homeBannerContainer {
    overflow: initial;
    max-height: unset;
  }
  .bannerHome-box-left {
    float: initial;
  }
  .HomeBanner-main-text {
    max-width: 600px;
    margin: 0 auto 40px;
  }
  .HomeBanner-bottom-row {
    max-width: 600px;
    margin: 0 auto 60px;
  }
  .homeMainBanner-inner {
    height: 370px;
  }
}
@media(max-width: 900px) {
  .business-step-explenation-author {
    width: calc(100% - 50px);
  }
  .business-step-explenation-date {
    float: left;
    margin-left: 50px;
  }
}
@media(max-width: 900px) {
  .business-code-resend {
    margin-left: 0;
    width: 100%;
  }
  /* button.business-sign-up-button.code-confirm, .business-sign-up-button.code-confirm {
    margin-top: 0;
  } */
  .business-templates-container-big-center {
    display: none;
  }
  .business-templates-container-little {
    display: flex;
  }
}
@media(max-width: 750px) {
  .business-code-resend {
    margin-left: 15px;
    width: initial;
  }
  .business-code-resend-info-popup {
    top: 50px;
    left: auto;
    right: 0;
  }
  /* button.business-sign-up-button.code-confirm, .business-sign-up-button.code-confirm {
    margin-top: 50px;
  } */
}
@media(max-width: 500px) {
  .business-code-resend {
    margin-left: 0;
    width: 100%;
  }
  .business-code-resend-info-popup {
    top: 50px;
    left: auto;
    right: -75px;
  }
  .homeMainBanner-inner {
    height: 400px;
  }
  /* button.business-sign-up-button.code-confirm, .business-sign-up-button.code-confirm {
    margin-top: 0;
  } */
}

@media(max-width: 500px) {
  .popup-close-button {
    display: none;
  }
  .edit-restaurant-popup, .popup-container {
    width: calc(100vw - 50px);
    max-width: calc(100vw - 50px);
    margin-left: 25px;
  }
}

@media(max-width: 650px) {
  .verify-ownership-container {
    top: 61px;
    padding: 0 10px;
    width: calc(100vw - 20px);
    height: initial;
  }
  .verify-ownership-close {
    margin-right: 10px;
  }
}

/* mediaquery for payment page when you choose profile */

@media(max-height: 740px) {
  .confirm-plan-card-container {
    padding-top: 70px;
  }
}

@media(max-height: 670px) {
  .confirm-plan-card-container {
    padding-top: 20px;
  }
}

@media(max-width: 1000px) {
  .confirm-plan-card-container {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 70px;
    display: flex;
  }
  .confirm-plan-resume-container {
    width: 100%;
    float: left;
    padding-top: 20px;
  }
  .services-resume-container {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 70px;
    display: flex;
    height: initial;
    padding-bottom: 40px;
  }
  .business-image-and-text-image-container {
    width: 100%;
  }
  .business-image-and-text-text-container {
    width: 100%;
    margin: 20px 0;
  }
  .business-image-and-text-container {
    display: inline-block;
    padding: 20px 0;
  }
  .business-services-menu-container-mobile {
    display: block;
  }
  .business-services-menu-container {
    display: none;
  }
  .business-services-menu-container {
    padding: 50px 15px;
    width: calc(100% - 30px);
  }
  .business-services-slider-image.business-handle-page {
    width: auto;
  }
}

/* @media(max-width: 1405px) {
  .latest-certified-container {
    padding: 0 10px;
  }
} */

@media(max-width: 1330px) {
  .business-big-image {
    width: 100%;
  }
  /* .latest-certified-container {
    padding: 0 50px;
    float: left;
  } */
  /* .best-contents-card.latest-certified {
    float: left;
  } */
}

@media(max-width: 1300px) {
  .payment-card {
    /* padding: 20px; */
    width: 280px;
  }

  .payment-screen-card-center{
    width: 625px;
  }
  /* .plan-cards-center {
    width: 625px;
  } */
}

@media(max-width: 1180px) {
  .latest-certified-container {
    padding: 0 50px;
    float: left;
  }
  .best-contents-card.latest-certified {
    float: left;
  }
  .best-contents-big {
    display: none;
  }
  .best-contents-little {
    display: inline-block;
  }
  .latest-certified-big {
    display: inline-block;
  }
  .latest-certified-little {
    display: none;
  }
  .popupContainer .popupBodyContainer.doublesize{
    background: #fff;
    z-index: 2;
    position: absolute;
    width: calc(60% - 40px);
    padding: 0 20px 20px 20px;
    left: calc(50% - 30%);
    height: 60vh;
    top: calc(20vh);
  }
}

@media(max-width: 1130px) {
  .payment-screen-card-container {
    padding: 110px 0 20px;
    width: 100%;
    margin:0 auto;
  }
  .card-recommended, .card-recommended.unselected {
    display: none;
  }
  .card-recommended {
    display: block;
  }
  /* .card-services-container {
    display: none;
  } */
}

@media(max-width: 1030px) {
  .plan-cards-center {
    width: 300px;
    margin: 0 auto;
  }
  .plan-card {
    width: 320px;
  }
}

@media(max-width: 1020px) {
  .button-go-to-chart-container {
    margin-left: 0;
    width: 100%;
  }
  .footer-download-app-second-image {
    margin-left: 0;
    display: block;
  }
}

@media(max-width: 920px) {
  .payment-card {
    width:290px;
  }
  .plan-card {
    width: 290px;
  }
  .payment-screen-card-center{
    width:300px;
    margin:0 auto;
  }
  .card-services-container {
    display: none;
  }
  .card-services-container.in-confirmation {
    display: block;
  }
  .button-go-to-chart-container {
    /* width: calc(100% + 50px);
    margin-left: -50px; */
  }
  .payment-card .button-go-to-chart-container {
    width: 100%;
    margin-left: 0;
  }
  .plan-card .button-go-to-chart-container {
    width: 100%;
    margin-left: 0;
  }
  .business-sign-up-button.buy-plan-mobile {
    display: block;
  }

  .popupContainer .popupBodyContainer,
  .popupContainer .popupBodyContainer.doublesize{
    background: #fff;
    z-index: 2;
    position: absolute;
    width: calc(60% - 40px);
    padding: 0 20px 20px 20px;
    left: calc(50% - 30%);
    height: 60vh;
    top: calc(20vh);
  }

  .popupContainer .popupBodyContainer.doublesize .card-services-container {
    display: block;
  }

  .cartContent{
      display:block !important;
  }

  .cartContainer .cartPayment,
  .cartContainer .cartList {
    margin: 30px;
    width: calc(100% - 60px);
  }
  .footer-download-app-second-image {
    margin-left: 10px;
    display: initial;
  }

}

@media(max-width: 800px) {
  .popupContainer .popupBodyContainer,
  .popupContainer .popupBodyContainer.doublesize{
    background: #fff;
    z-index: 2;
    position: absolute;
    width: calc(80% - 40px);
    padding: 0 20px 20px 20px;
    left: calc(50% - 40%);
    height: 60vh;
    top: calc(20vh);
  }
}

@media(max-width: 590px) {
  .latest-certified-big {
    display: none;
  }
  .latest-certified-little {
    display: inline-block;
  }
  .best-contents-big {
    display: none;
  }
  .best-contents-little {
    display: inline-block;
  }

  .payment-screen-description{
    padding: 130px 15px;
    width: calc(100% - 30px);
  }

  .popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container {
    max-height: calc(60vh - 136px);
    height: calc(60vh - 136px);
  }

  .popupContainer .popupBodyContainer.doublesize .popupChosen .popupButtonStrip {
    /* bottom: -111px; */
    text-align: center;
  }
  .footer-download-app-second-image {
    margin-left: 0;
    display: block;
  }
}

@media(max-width: 500px) {
  .payment-screen-card-container {
    width: 100%;
    padding: 20px 0;
  }
  .popupContainer .popupBodyContainer, .popupContainer .popupBodyContainer.doublesize {
    left: 20px;
    right: 20px;
    width: calc(100% - 80px);
    overflow-y: auto;
    /* min-width: calc(100% - 80px);
    max-width: calc(100% - 80px); */
    display: block;
  }
}

@media(max-width: 480px) {
  .latest-certified-container {
    padding: 0 10px;
    width: calc(100% - 20px);
    float: left;
  }
}

@media(max-width: 430px) {
  .payment-card {
    width: calc(100% - 50px);
    padding: 20px;
  }
  .plan-card.selected.confirmation {
    width: calc(100% - 40px);
  }
  .payment-card.unselected {
    width: calc(100% - 50px);
    padding: 20px;
  }
  .plan-card-recommended {
    top: 20px;
  }

  .plan-card-info {
    top: 20px;
  }
  .payment-card.selected {
    width: calc(100% - 50px);
    margin-left: 0;
    padding: 0px 20px 20px;
  }
  .payment-card.mouseOver {
    width: calc(100% - 50px);
    padding: 20px;
  }
  .plan-card {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .plan-card.unselected {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .plan-card.selected {
    width: calc(100% - 40px);
    /* margin-left: 0; */
    padding: 0px 20px 20px;
  }
  .confirm-plan-payment-container {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .confirm-plan-form-container {
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .last-pictures-list-element {
    margin: 0 0 40px;
  }
  .last-picture-card {
    width: 340px;
  }
  .last-pictures-photos-container-center {
    width: 340px;
  }
  .photos-profile-container {
    margin: 20px 0;
    width: 100%;
  }
  img.restaurant-details-image-preview, .restaurant-details-image-preview {
    /* flex: auto; */
    width: 100px;
    height: 100px;
  }
  .restaurant-details-previews-more {
    line-height: 100px;
  }
}

@media(max-width: 920px) {
  .payment-card-service-dot {
    left: -22px;
  }
}

@media(max-width: 755px) {
  .buy-banner-button-container {
    margin-top: -9px;
  }
  .business-reviews-container{
    padding: 30px 0;
    width: 100%;
  }
  .business-reviews-container .business-text-title-text{
    display: block;
    padding: 0 10px;
    width: calc(100% - 20px);
  }
  .business-reviews-container .business-reviews-image-container{
    width: calc(100% - 0px);
    min-width: calc(100% - 0px) !important;
    padding: 0;
    margin-bottom: 50px;
    margin-top: 0;
}
  .business-reviews-container .business-reviews-image-container img{
    max-width:100%;
    max-height: 90vh;
  }
  .business-reviews-container .business-reviews-text{
    padding-bottom:40px;
  }
  .business-reviews-container.coloredBar{
    padding: 50px 15px;
    width: calc(100% - 30px);
    margin-bottom: 40px;
  }
  .business-handle-profile-desktop {
    display: none;
  }
  .business-handle-profile-mobile {
    display: block;
  }
  .business-reviews-image-container {
    margin-left: 0;
  }
  .business-big-image {
    width: auto;
  }
  .business-medium-image {
    width: auto;
  }
  .business-carousel-container.mainStaticBanner {
    margin-bottom: 30px;
  }
  .business-experience-handle-shots-mobile {
    margin-top: 0;
  }
}

@media(max-width: 640px) {
  .buy-banner-price-extra {
    display: none;
  }
  .buy-banner-price-container {
    margin-top: 25px;
  }
  .business-reviews-image-container.rightImage {
    margin-bottom: -15px;
  }
}

@media(max-width: 615px) {
  .business-templates-container-little-center {
    width: 280px;
  }
  .business-choose-template.little.selected {
    margin: 25px -10px;
  }
  .business-services-slider-image.business-handle-page {
    width: 100%;
  }
}

@media(max-width: 550px) {
  .buy-banner-price-container {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 0;
  }
  .buy-banner-button-container {
    position: absolute;
    right: 30px;
    top: -10px;
    margin-top: 0;
  }
  .buy-banner-title {
    line-height: 30px;
  }
  .buy-banner-price {
    text-align: left;
  }

  .business-quote-container{
    margin-bottom:80px;
  }

  .business-text-on-image-text {
      width: calc(100% - 40px);
      padding: 0 20px;
  }
  .business-reviews-container.coloredBar.onlyText, .business-text-title-container.coloredBar.onlyText{
      width: calc(100% - 40px);
      padding: 0 20px;
  }
}

@media(max-width: 400px) {
  .onlyOnMobile{
    display: block;
  }
  .hideOnMobile{
    display: none;
  }
  .buy-banner-title {
    font-size: 25px;
  }
  .buy-banner-price {
    font-size: 25px;
  }
  .business-services-slider-container{
    padding:0;
    width:100%;
  }
  .business-services-slider-text-container{
    padding: 0 15px 40px;
    width: calc(100% - 30px)
  }
  .last-picture-card {
    width: 300px;
  }
  .last-pictures-photos-container-center {
    width: 300px;
  }
}

@media(max-width: 1195px) {
  .business-choose-template {
    width: 310px;
    height: 220px;
  }
  .business-choose-template.selected {
    width: 350px;
    height: 250px;
    margin: 25px 10px;
  }
}

@media(max-width: 1045px) {
  .business-choose-template {
    width: 260px;
    height: 200px;
  }
  .business-choose-template.selected {
    width: 300px;
    height: 240px;
  }
  .business-choose-template.selected.little {
    width: 300px;
    height: 240px;
    /* margin: 25px 10px 55px; */
  }
  /* .business-choose-template.little {
    margin: 40px 10px 70px;
  } */
}

/* media querys to handle the bottom part of restaurant details */

@media(max-width: 1200px) {
  .adviced-restaurants-container {
    margin-right: 10px;
    max-width: calc(50% - 10px);
  }
}

@media(max-width: 1120px) {
  .restaurants-adviced-big {
    display: none;
  }
  .restaurants-adviced-little {
    display: inline-block;
  }
  .adviced-restaurant {
    float: left;
  }
  .adviced-restaurants-container {
    width: calc(50% - 10px);
  }
}

@media(max-width: 930px) {
  .restaurants-adviced-big {
    display: inline-block;
  }
  .restaurants-adviced-little {
    display: none;
  }
  .adviced-categories-container {
    max-width: calc(100% - 50px);
    float: initial;
  }
  .adviced-restaurants-container {
    margin-right: 0;
    margin-left: 50px;
    max-width: calc(100% - 50px);
    margin-top: 30px;
    float: initial;
    width: initial;
  }
  .adviced-restaurant {
    float: left;
    margin: 0 14px 0 0;
  }
}

@media(max-width: 910px) {
  .restaurant-prev {
    max-width: 365px;
  }
  .restaurant-prev-name {
    max-width: 205px;
  }
}

@media(max-width: 780px) {
  .restaurant-prev-name {
    max-width: 100%;
  }
  .restaurant-prev-cat-and-name {
    width: calc(100% - 53px);
    margin-left: 53px;
    margin-top: 20px;
  }
  .restaurant-prev-cat {
    max-width: 100%;
  }
  .restaurant-next-cat-and-name {
    width: calc(100% - 53px);
    margin-right: 53px;
    margin-top: 20px;
  }
}

@media(max-width: 750px) {
  .restaurant-prev {
    max-width: 300px;
  }
  .user-image-round.user-image-picture-head {
    width: 40px;
    height: 40px;
  }
  .restaurant-detail-picture-head-name-and-date {
    margin-top: 0;
    max-width: calc(100% - 50px);
  }
  .overlay .overlayContent img.restaurant-detail-image {
    max-height: calc(80vh - 120px);
  }
  .restaurant-detail-image {
    max-height: calc(80vh - 120px);
  }
  .restaurant-detail-picture-head-username {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .business-social-text-explenation {
    padding: 0 30px;
    width: calc(100% - 60px);
  }
  .business-image-that-needs-margin {
    margin-left: 60px;
  }
  i.restaurant-images-closing-button, .restaurant-images-closing-button {
    left: 10px;
    top: 10px;
    font-size: 25px;
  }
}

@media(max-width: 720px) {
  .adviced-category {
    width: 140px;
    height: 140px;
  }
}

@media(max-width: 630px) {
  .restaurant-prev {
    max-width: 250px;
  }
  .restaurant-prev-name {
    display: none;
  }
  .restaurant-prev-name-little {
    display: block;
  }
  .restaurant-prev-and-next-container {
    margin-top: 0;
  }
}

@media(max-width: 610px) {
  .adviced-categories-container {
    margin-left: 10px;
    max-width: calc(100% - 10px);
  }
  .adviced-restaurants-container {
    margin-left: 10px;
    max-width: calc(100% - 10px);
  }
  .restaurantDetail-last-modified {
    padding: 15px 10px;
    width: calc(100% - 20px);
  }
}

@media(max-width: 580px) {
  .restaurant-preview-card.adviced-restaurant-card {
    width: 160px;
    height: 160px;
  }
}

@media(max-width: 570px) {
  .restaurants-adviced-big {
    display: none;
  }
  .restaurants-adviced-little {
    display: inline-block;
  }
}

@media(max-width: 530px) {
  .restaurant-prev {
    max-width: calc(50% - 20px);
  }
  .restaurant-prev-name-little {
    word-break: break-word;
  }
}

@media(max-width: 360px) {
  .restaurant-prev-cat {
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
  }
  .restaurant-prev-name {
    width: 100%;
    max-width: 100%;
  }
}

@media(max-height: 450px) {
  .user-image-round.user-image-picture-head {
    width: 40px;
    height: 40px;
  }
  .restaurant-detail-picture-head-name-and-date {
    margin-top: 0;
    max-width: calc(100% - 50px);
  }
  .overlay .overlayContent img.restaurant-detail-image {
    max-height: calc(80vh - 120px);
  }
  .restaurant-detail-picture-head-username {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* media-query for the review in the restaurant details */
@media(max-width: 1140px) {
  .restaurant-details-review-score-little {
    display: block;
  }
  .restaurant-details-review-author-container {
    width: 100%;
    margin-bottom: 20px;
  }
  .restaurant-details-review-evaluation {
    width: calc(100% - 55px);
    margin-left: 55px;
  }
  .restaurant-details-review-scores-overall {
    display: none;
  }
  .restaurant-details-review-author {
    max-width: calc(100% - 115px);
  }
}

@media(max-width: 940px) {
  .restaurant-details-review-score-little {
    display: none;
  }
  .restaurant-details-review-author-container {
    width: 200px;
    margin-bottom: 0;
  }
  .restaurant-details-review-evaluation {
    width: calc(100% - 220px);
    margin-left: 20px;
  }
  .restaurant-details-review-scores-overall {
    display: block;
  }
  .restaurant-details-review-author {
    max-width: 145px;
  }
}

@media(max-width: 740px) {
  .restaurant-details-review-score-little {
    display: block;
  }
  .restaurant-details-review-author-container {
    width: 100%;
    margin-bottom: 20px;
  }
  .restaurant-details-review-evaluation {
    width: calc(100% - 55px);
    margin-left: 55px;
  }
  .restaurant-details-review-scores-overall {
    display: none;
  }
}

@media(max-width: 550px) {
  .restaurant-details-review-author {
    max-width: calc(100% - 115px);
  }
}

@media(max-width: 350px) {
  .restaurant-details-review-evaluation {
    margin-left: 0;
    width: 100%;
  }
}

/* media query for the certification process above the business footer */
@media(max-width: 1136px) {
  .business-certification-process-arrow {
    margin-top: 30px;
  }
}

@media(max-width: 980px) {
  .business-certification-process-arrow {
    margin-top: 50px;
  }
}

@media(max-width: 900px) {
  .business-certification-process-arrow.middle-arrow {
    display: none;
  }
  .business-certification-process-step {
    width: calc(50% - 85px);
  }
  .business-certification-process-arrow {
    margin-top: 20px;
  }
}

@media(max-width: 600px) {
  .business-certification-process-arrow img {
    transform: rotate(90deg);
  }
  .business-certification-process-arrow {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .business-certification-process-arrow.middle-arrow {
    display: block;
  }
  .business-certification-process-step {
    width: 100%;
    margin: 0 auto;
  }
}

@media(max-width: 400px) {
  .business-image-that-needs-margin {
    margin-left: 50px;
  }
}

@media(max-width: 380px) {
  .business-image-that-needs-margin {
    margin-left: 40px;
  }
}


@media(min-width: 1752px){
  .checkoutButtons .xcomponent-component-frame.xcomponent-visible{
    height: 60px !important;
  }

  .paypalButton, .nexibutton {
    border-radius: 30px;
    padding: 14px 9px;
  }
}

@media(max-width: 1246px){
  .paypalButton, .nexibutton {
      padding: 4px 9px;
  }
  .nexibutton img{
    height: 13px;
  }
}

@media(max-width: 918px){
  .checkoutButtons .xcomponent-component-frame.xcomponent-visible{
    height: 60px !important;
  }

  .paypalButton, .nexibutton {
    border-radius: 30px;
    padding: 14px 9px;
  }
}

@media(max-width: 726px){
  .paypalButton, .nexibutton {
      padding: 9px;
  }
  .nexibutton img{
    height: 13px;
  }
  .checkoutButtons .xcomponent-component-frame.xcomponent-visible{
    height: 36px !important;
  }
}

@media(max-width: 525px){
  .paypalButton, .nexibutton {
    padding: 4px 9px;
  }
  .nexibutton img{
    height: 13px;
  }
  .checkoutButtons .xcomponent-component-frame.xcomponent-visible{
    height: 36px !important;
  }
  .toc-container .toc-text{
    font-family: 'Archivo Narrow', sans-serif;
    column-count:1;
  }
}

@media(max-width: 390px){
  .confirm-plan-choose-restaurant{
    font-size: 1.7em;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
  .popupContainer .popupBodyContainer,
  .popupContainer .popupBodyContainer.doublesize{
    padding: 20px;
    top: 10vh;
    /* bottom: 10vh; */
    height: 80vh;
  }

  .banner-coupon-text h2.banner-coupon-title{
    font-size: 2.1em;
    line-height: 1.4em;
  }

  .button-go-to-chart-container.loginSignupButton {
    width: calc(100% );
    margin-left: 0px;
  }

  .no-account-yet.loginSignupButton {
    text-align: center;
  }
}

@media(min-width: 920px) {
  .align-lg-center {
    text-align: center;
  }
  .align-lg-left {
    text-align: left;
  }
  .align-lg-right {
    text-align: right;
  }
}