@media (max-width: 1080px) {
    .card-madar .card{
        flex-basis: 35% !important;
    }
    .swiper-slide span {
        font-size: .7rem;
    }

    section.banner-search {
        height: 400px;
    }

    .best-kitchen .card {
        flex-basis: 30%;
    }

    .map-div-row-flex {
        flex-direction: column;
    }

    section.contact-us {
        padding: 40px;
    }
    ul.user-favorive li .image{
        flex: 1 !important;
    }
    .search-result-main .filter{
        display: none;
    }
    .search-result-main .results .resturan-list-box {
        justify-content: center;
    }
    .search-result-main .results .resturan-list-box .card{
        flex-basis: 30%;
    }
}
@media (max-width: 1320px) {
    .banner-search .mobile-search-box a, .btn-search{
        margin: auto;
    }
    .search-result-main .results form.search-box button {
        margin-right: 0;
    }
    .col-flex-1 {
        display: none;
    }

    form.mobil-search {
        display: flex;
    }

    section.banner-search .search-box {
        display: none;
        width: 90%;
        text-align: center;
    }
    .banner-search .mobile-search-box {
        display: flex;
        flex-direction: column;
    }

    .search-modal-laptop {
        display: inline;
    }

    section.banner-search {
        background-position-x: 100%;
        height: 400px;
    }

    .map-div-row-flex .image-logo {
        flex: 3 !important;
    }

    section.cart-main .cart-detail .cart-price {
        flex: 1.5;
    }

    section.cart-main .cart-detail .cart-items .item .image {
        flex: 2;
    }

    .main-dashboard .content {
        min-width: 90%;
    }
}

@media (max-width: 1150px) {
    section.resturan-container {
        padding: 30px;
    }

    section.cart-main .cart-detail {
        padding: 20px 0;
    }
    .search-result-main{
        padding: 20px;
    }
}

@media (max-width: 370px) {
    .tabcontent .food .detail .price-add-to-cart {
        flex-direction: column;
    }
    /*.clearfix{
        flex-direction: column;
    }*/
    .tabcontent .food-mobile .price-add-to-cart .was-add-to-cart{
        gap: 10px;
    }
}

@media (max-width: 960px) {
    .ol-viewport canvas {
        transform: none !important;
    }
    .card-madar .card{
        flex-basis: 45% !important;
    }
    .tabcontent .food .image-mobile {
        display: block;
    }
    .search-result-main .results .resturan-list-box .card{
        flex-basis: 40%;
    }
    .search-result-main .results form.search-box{
        flex-direction: column;
    }
    canvas {
        width: 100% !important;
    }

    section.resturan-container {
        padding: 10px;
    }

    .col-flex-2 {
        flex: 1;
    }

    .col-flex-3 {
        flex: 1;
    }

    .tabcontent .food {
        align-items: center;
    }

    .image-mobile {
        flex: 1;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center;
        border-radius: 14px;
    }

    .food .image {
        display: none;
    }

    .tabcontent .food-mobile {
        align-items: center;
    }

    header {
        padding: 15px;
    }

    section.banner-search {
        background-position-x: 100%;
        height: 300px;
    }

    section.add-restaurant .content {
        padding: 20px;
    }

    section.contact-us {
        flex-direction: column;
    }

    section.cart-main .cart-detail {
        flex-direction: column;
    }

    section.cart-main .cart-detail .cart-price {
        padding: 0 20px;
        margin-top: 20px;
    }

    .main-dashboard .content {
        flex-direction: column;
    }

    .main-dashboard .content {
        min-width: 90%;
    }
}

@media (max-width: 1250px) {
    .swiper-slide span {
        font-size: .8rem;
    }
}

@media (max-width: 760px) {
    .tabs{
        display: flex;
        flex-direction: column;
        max-height: 200px;
        overflow-y: scroll;
    }
    .card-madar .card{
        flex-basis: 50% !important;
    }
    .dustam-tool{
        bottom: 80px;
    }
    .float-cart{
        display: none;
    }
    .tab-bar-mobile {
        display: flex;
    }
    ul.user-favorive li .image {
        flex: 1;
    }

    header nav.nav-menu {
        display: none;
    }

    
    .mobil-manu-btn {
        display: block;
    }

    header .profile {
        display: none;
    }

    section.banner-search .search-box {
        display: none;
        width: 90%;
        text-align: center;
    }

    section.banner-search {
        background-position-x: 100%;
        height: 400px;
    }

    footer {
        flex-direction: column;
        gap: 0px;
        padding: 30;
    }

    footer .footer-col ul.footer-manu {
        margin-bottom: 10px;
    }

    footer .footer-col img {
        width: 40%;
    }

    footer .footer-col {
        margin-bottom: 20px;
    }

    section.banner-search .search-box form {
        flex-direction: column;
    }

    .mobil-manu-button {
        display: flex;
    }

    section.banner-search .search-box form .input-item {
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .submit-btn {
        padding: 15px;
        border-radius: 4px;
    }

    .best-kitchen {
        padding: 0 10px;
    }

    .best-kitchen .card {
        flex-basis: 40%;
    }

    .best-kitchen .card {
        flex-basis: 80%;
    }


    section.kitchen-type {
        padding: 20px 10px;
    }

    section.resturan-container {
        padding: 0;
    }

    section.resturan-container .flex-container {
        flex-direction: column;
    }

    .tablinks {
        display: inline !important;
        /*border-radius: 7px;*/
        text-align: start;
        margin: 0 !important;
    }

        .tablinks.active {
            /*display: inline-block !important;*/
            border: 0;
            border-right: 3px solid var(--var-color-black-1);
            /*background-color: var(--var-color-orenge);
        color: var(--var-color-white);*/
        }

    .tablinks:hover {
        padding-left: 15px;
    }

    .modal {
        width: 90%;
    }

    .modal .row-flex {
        flex-direction: column;
    }

    .modal .row-flex .raite-star .case {
        display: block;
    }

    .modal .row-flex .raite-star {
        width: 100%;
    }

    .modal .row-flex .raite-star .case .function {
        margin: 5px 0 15px 0;
    }

    .modal .row .comment .answer {
        margin-right: 20px;
    }

    section.resturan-container .flex-container .col-flex-1 form {
        display: none;
    }

    section.resturan-container .flex-container .col-flex-1-mobile form {
        display: flex;
    }

    .tabcontent .food .detail h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    .tabcontent .food .detail {
        padding-left: 0;
    }

    .tabcontent .food .detail .price-add-to-cart .was-add-to-cart {
        gap: 20px;
    }

    .tabcontent .food .detail .price-add-to-cart .was-add-to-cart span {
        font-size: 1.1rem;
    }

    .tabcontent .food .detail .price-add-to-cart .was-add-to-cart a {
        font-size: 1.1rem;
    }

    .tabcontent .food .detail .price-add-to-cart .add-to-cart {
        font-size: 1rem;
    }

    /*  */
    /*  */
    .tabcontent .food-mobile .detail h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    .tabcontent .food-mobile .detail {
        padding-left: 0;
    }

    .tabcontent .food-mobile .detail .price-add-to-cart .was-add-to-cart {
        gap: 20px;
    }

    .tabcontent .food-mobile .detail .price-add-to-cart .was-add-to-cart span {
        font-size: 1.1rem;
    }

    .tabcontent .food-mobile .detail .price-add-to-cart .was-add-to-cart a {
        font-size: 1.1rem;
    }

    .tabcontent .food-mobile .detail .price-add-to-cart .add-to-cart {
        font-size: 1rem;
    }


    .modal .row-flex .image-logo {
        padding: 20px;
    }

    .btn-close {
        font-size: 2rem;
    }

    .modal .row-flex .raite h4 {
        font-size: 1.5rem;
    }

    .modal .row-flex .raite p {
        font-size: .9rem;
    }

    .modal .row-flex .detial p {
        font-size: 1rem;
    }

    .search-box {
        display: none;
    }

    section.add-restaurant {
        flex-direction: column;
    }

    section.about-us div.right-image {
        display: none;
    }

    section.about-us div.mobile-image {
        display: block !important;
    }

    section.about-us {
        flex-direction: column;
    }

    section.about-us div img {
        margin: 0;
    }

    section.contact-us .message {
        padding: 40px;
    }

    section.cart-main .cart-detail .cart-items .item {
        flex-direction: column;
    }

    section.cart-main .cart-detail .cart-items .item .image {
        max-width: 60%;
    }

    section.cart-main .cart-detail .cart-items .item .detail {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .card-madar .card{
        flex-basis: 80% !important;
    }
    .walet-modal-content {
        top: 50%;
        left: 0px;
        right: 0;
        transform: translate(0, 0) !important;
    }
}

@media (max-width: 560px) {
    .search-result-main .results .resturan-list-box .card{
        flex-basis: 90%;
    }
    ul.user-favorive li {
        flex-direction: column;
    }

    ul.user-favorive li > div.food-detail,ul.user-favorive li > div.price-buttons-group {

        display: none !important;
    }

    ul.user-favorive li .mobile {
        display: flex !important;
        justify-content: space-between;
        width: 100%;
    }

    .tabcontent .food .image-mobile {
        flex: 1.5;
    }

    .tabcontent .food-mobile .image-mobile {
        flex: 1.5;
    }

    .main-dashboard .content .user-content form.user-detail .col-2 {
        flex-direction: column;
    }

    .main-dashboard {
        padding: 40px 15px;
    }

    canvas {
        height: auto !important;
    }

    .order-history table td p.shenaseh {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    section.resturan-container .flex-container {
        padding: 15px 0;
    }

    .tabcontent .food {
        display: none;
    }

    .tabcontent .food-mobile {
        display: flex;
        border-top: 1px solid #dddddd !important;
    }
    .tabcontent .food-mobile .row .detail h3 {
        text-align: start;
    }

    section.resturan-container .flex-container .col-flex-2 {
        padding: 0 15px;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row:last-child {
        flex-direction: column-reverse;
        gap: 20px;
    }
}

@media (max-width: 570px) {
        .walet-modal-content.walet-modal-content {
            overflow: auto;
            top: 25px;
            left: 0px;
            right: 0;
            transform: translate(0, 0) !important;
        }
    .row .col-6:last-child {
        flex-direction: column;
        align-items: start !important;
    }
    .counter-box {
        flex-direction: column;
    }

    section.about-us div.image {
        padding: 0;
    }

    section.contact-us .message {
        padding: 10px;
    }

    section.contact-us {
        padding: 10px;
    }

    section.contact-us .detail p {
        padding-left: 0;
    }

    section.cart-main .steps {
        font-size: .8rem;
    }

    section.cart-main .steps .step {
        gap: 5px;
        margin-left: 5px;
    }

    section.cart-main .steps svg:first-child {
        display: none;
    }
}

@media (max-width: 415px) {
    .main-dashboard .content>div {
        padding: 15px;
    }

    section.add-restaurant .content form .three-items-row {
        flex-direction: column;
    }

    section.cart-main .cart-detail .cart-items {
        margin: 0;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row {
        flex-direction: column-reverse;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row .price {
        display: flex;
        gap: 10px;
        margin: 10px;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row .price .total {
        font-size: 1.5rem;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row .name h3 {
        text-align: center;
        font-size: 1.5rem;
    }

    section.cart-main .cart-detail .cart-price {
        padding: 0;
    }

    section.cart-main .cart-detail .cart-items .item .detail .row .price .off {
        font-size: .9rem;
        padding: 5px 10px;
        border-radius: 18px;
    }
}

@media (max-width: 400px) {
    .order-history table {
        font-size: .7rem !important;
    }

    .order-history table td p.shenaseh {
        font-size: .7rem;
    }

    .order-history table td p.total {
        font-size: .7rem;
    }

    .user-content .detail p {
        font-size: 1rem;
    }
    ul.user-favorive li .mobile{
        flex-direction: column;
        gap: 20px;
    }
}
@media (max-width: 860px){
    .gateway-item h5{
        flex-direction: column;
        align-items: start !important;
        gap:15px;
    }
    
}