@media (max-width:1399.98px) {
  .header_area nav .menus ul li {
    margin: 0 17px;
  }

  .header_area nav .main {
    gap: 30px;
    max-width: 1120px;
  }

  .form_area_two .main {
    max-width: 1120px;
    margin: 0 auto;
  }

  .certificate_area .main {
    max-width: 1120px;
    margin: 0 auto;
  }

  .banner_area .text .title {
    font-size: 76px;
  }

  .banner_area .text p {
    font-size: 26px;
  }

  .meal_menus .main .item .text h4 {
    font-size: 26px;
  }

  .meal_menus .main .item .img img {
    width: 80%;
  }

  .about_area .main .image {
    max-width: 580px;
  }

  .about_area .main .image img {
    width: 100%;
  }

  .about_area .main {
    gap: 38px;
  }

  .testimonial_area .main .item {
    margin: 0 20px;
  }

  .footer_area .main {
    gap: 72px;
  }

  .dashboard_content .dashboard_top_search .input_groups {
    width: 191px;
    flex: 0 0 auto;
  }

  .dashboard_content .dashboard_top_search .form-select {
    width: 191px;
  }

  .prd_item_with_select .item .text .title {
    font-size: 18px;
  }

  .prd_item_with_select .item .img .overlay .form-select {
    width: 133px;
    font-size: 14px;
  }

  .prd_item_with_select .item .text p {
    font-size: 17px;
  }

  .prd_common_card_two .main_area {
    grid-template-columns: repeat(4, 1fr);
  }

  .dashboard_area .content_area .common_content_box .top_search {
    margin-left: 32px;
  }
}

@media (max-width:1199.98px) {
  .mobile-menu-main .users {
    padding: 24px;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
  }

  .mobile-menu-main .country {
    margin: 24px;
  }

  .form_area_two .main {
    max-width: 900px;
    margin: 0 auto;
  }

  .certificate_area .main {
    max-width: 900px;
    margin: 0 auto;
  }

  .meal_menus .main {
    gap: 13px;
  }

  .about_area .main .image {
    max-width: 480px;
  }

  .section_title {
    font-size: 46px;
  }

  .about_area .main .text p {
    font-size: 20px;
  }

  .theme_btn {
    font-size: 24px;
  }

  .section_area {
    margin-top: -464px;
  }

  .middle_box_info .main {
    padding: 37px 83px;
  }

  .middle_box_info .main .title {
    font-size: 50px;
  }

  .middle_box_info .main p {
    font-size: 20px;
  }

  .section_area_two {
    padding-top: 171px;
  }

  .testimonial_area .main .item p {
    font-size: 18px;
  }

  .contact_form_area {
    padding-top: 104px;
    padding-bottom: 90px;
  }

  .bread_crumb_area {
    height: 240px;
  }

  .disesh_area .main .dish_main {
    gap: 14px;
  }

  .disesh_area .main .dish_main .item {
    width: 23.82%;
  }

  .disesh_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .accordion_info_area .main {
    flex-direction: column-reverse;
  }

  .accordion_info_area .main .right_info {
    flex-grow: 1;
    width: 100%;
  }

  .accordion_info_area .main .left_info {
    width: 100%;
  }

  .dashboard_content .dashboard_top_search {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .dashboard_content .dashboard_top_search .input_groups {
    width: 100%;
    flex: 0 0 auto;
  }

  .dashboard_content .dashboard_top_search .form-select {
    width: 100%;
  }

  .dashboard_area aside {
    right: -282px;
  }

  .dashboard_area .content_area {
    padding-right: 12px;
  }

  .dashboard_header {
    background-color: #000;
    width: 100%;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .dashboard_header .dashboard_sidebar_control {
    color: #fff;
    background-color: transparent;
    border: 0;
  }

  .dashboard_area aside.active {
    right: 0;
  }
}

@media (max-width:991.98px) {
  .certificate_area .main .text p {
    font-size: 18px;
  }

  .banner_area .text .title {
    font-size: 62px;
  }

  .banner_area .text p {
    font-size: 22px;
  }

  .meal_menus {
    margin-top: 64px;
  }

  .meal_menus .main {
    grid-template-columns: repeat(2, 1fr);
  }

  .meal_menus .main {
    gap: 63px;
  }

  .about_area .main {
    flex-direction: column-reverse;
  }

  .about_area .main .text {
    position: relative;
    z-index: 9;
  }

  .footer_area .main {
    gap: 32px;
    padding: 0 30px !important;
  }

  .footer_area .main {
    gap: 52px;
    padding-right: 28px;
    flex-direction: column;
  }

  .disesh_area .main .title {
    font-size: 38px;
  }

  .disesh_area .main .dish_main .item {
    width: 32%;
  }

  .product_card_tabs .main .icon_area ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .product_card_tabs .main .icon_area ul li {
    text-align: center;
    width: 20%;
    flex: 0 0 auto;
  }

  .form_area_two {
    padding-top: 86px;
    padding-bottom: 80px;
  }

  .dashboard_area .content_area .common_content_box .dashboard_table .print {
    margin-right: 20px;
  }

  .prd_common_card_two .main_area {
    grid-template-columns: repeat(3, 1fr);
  }

  .prd_card_info_are_details_modal .prd_modal_details_infos .form_main .add_more_option .option_boxes .delete {
    margin-top: 16px;
  }
}

@media (max-width:767.98px) {
  .bread_crumb_area_two {
    height: 178px;
  }

  .form_area_two {
    background-color: #FEFCF9;
    padding-top: 66px;
    padding-bottom: 60px;
  }

  .form_area_two .main .title {
    font-size: 35px;
    margin-bottom: 14px;
  }

  .form_area_two .main p {
    font-size: 17px;
  }

  .certificate_area .main {
    flex-direction: column;
  }

  .certificate_area .main .text {
    margin-bottom: 30px;
  }

  .certificate_area .main .text .title {
    font-size: 34px;
    margin-bottom: 12px;
  }

  .certificate_area {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .meal_slider_area .slider_item {
    margin: 0 8px;
  }

  .section_title {
    font-size: 38px;
  }

  .meal_slider_area .slider_meal_btn {
    margin-top: 66px;
  }

  .middle_box_info {
    padding-bottom: 120px;
  }

  .testimonial_area .top_title {
    padding-bottom: 27px;
  }

  .testimonial_area .main .item p {
    padding-right: 0;
  }

  .contact_form_area .top_title {
    padding-bottom: 24px;
  }

  .bread_crumb_area {
    height: 200px;
  }

  .disesh_area .main .dish_main .item {
    width: 48%;
  }

  .accordion_info_area .main .right_info .main_info .payment_form .form_main {
    max-width: 100%;
  }

  .dashboard_content .dashboard_top_search {
    display: flex;
    flex-wrap: wrap;
  }

  .dashboard_area {
    display: block;
  }

  .prd_common_card_two .main_area {
    grid-template-columns: repeat(2, 1fr);
  }

  .dashboard_area .content_area .dashboard_form_area .form_main ul {
    gap: 30px;
  }
}

@media (max-width:575.98px) {
  .banner_area .text .title {
    font-size: 36px;
  }

  .banner_area .text p {
    font-size: 18px;
    margin-top: 20px;
  }

  .meal_menus .main {
    gap: 40px;
  }

  .meal_menus .main {
    grid-template-columns: repeat(1, 1fr);
  }

  .section_area {
    margin-top: -585px;
  }

    .meal_menus {
        /*margin-top: 164px;*/
        margin-top: 404px;
        /*שיניתי בגלל הארבע כפתורים*/
    }

  .meal_menus .main .item {
    text-align: center;
    width: 60%;
    margin: 0 auto;
  }
  .section_area{
    padding-top: 70px;
  }

  .section_title {
    font-size: 34px;
  }

  .theme_btn {
    font-size: 22px;
  }

  .middle_box_info .main .image img {
    display: none;
  }

  .middle_box_info .main {
    padding: 18px;
  }

  .testimonial_area .slick-dots li {
    margin: 0 5px;
  }

  .footer_area .main {
    gap: 20px;
    padding-right: 0px;
    flex-direction: column;
  }

  .footer_area .main .right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .disesh_area .main .dish_main .item {
    width: 47.92%;
  }

  .disesh_area .main .dish_main .item .img .overlay h4 {
    font-size: 20px;
  }

  .offcanvas_menu {
    width: 350px;
  }

  .offcanvas_menu .middle_info .item .right .image {
    width: 80px;
    height: 80px;
    overflow: hidden;
  }

  .offcanvas_menu .middle_info .item .right .image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  .offcanvas_menu .middle_info .item .right .text h4 {
    font-size: 20px;
  }

  .offcanvas_menu .middle_info .item .left .title {
    font-size: 22px;
  }

  .accordion_info_area .main .left_info .info_main .prd_main .item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .image.d-flex.gap-2 {
    width: 170px;
  }

  .accordion_info_area .main .left_info .info_main {
    padding: 12px;
  }

  .table_menus_area .main .item ul li:nth-child(2) {
    margin-left: -23px;
  }

  .table_menus_area .main .item ul {
    padding: 13px 10px 17px 10px;
  }

  .form_area_two .main .title {
    font-size: 24px;
  }

  .dashboard_table_modal .modal-content .info_box ul li {
    font-size: 14px;
  }

  .dashboard_table_modal .modal-content .info_box td .image .txt h5 {
    font-size: 16px;
  }

  .dashboard_table_modal .modal-content .info_box td .title {
    font-size: 14px;
  }

  .prd_common_card_two .main_area {
    grid-template-columns: repeat(1, 1fr);
  }

  .prd_card_info_are_details_modal .prd_modal_details_infos .top_line {
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    gap: 10px;
    height: auto;
  }

  .bg_btn {
    height: auto;
  }

  .prd_common_card_two .top .title {
    font-size: 19px;
  }

  .dashboard_area .content_area .dashboard_form_area .form_main ul {
    gap: 10px;
    flex-direction: column;
  }
  .grid-3{
    gap: 80px;
  }
}