/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
    .container {
        max-width: 1284px;
    }

    .right_clear {
        padding-right: calc((100% - 1284px) / 2 + 15px);
    }

    .left_clear {
        padding-left: calc((100% - 1284px) / 2 + 15px);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .container {
        max-width: 1200px;
    }

    .right_clear {
        padding-right: calc((100% - 1200px) / 2 + 15px);
    }

    .left_clear {
        padding-left: calc((100% - 1200px) / 2 + 15px);
    }

    .main-cart-area .cart-box .media-body p {
        font-size: 19px;
    }

    .main-cart-area .cart-box .price p, .main-cart-area .cart-box .price-total p {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .container.container_sm {
        max-width: 1180px;
    }

}

@media (min-width: 1200px) and (max-height: 869.98px) {
    .home_area .form_wrap {
        margin-top: 95px;
    }

    .home_area {
        padding: 170px 0 50px;
    }

    .logo {
        max-width: 140px;
    }

    header:not(.cart-header) .header_top {
        height: 105px;
    }
}

@media (max-width: 1399.98px) {
    body {
        font-size: 20px;
    }

    .slider-cart .owl-nav button.owl-prev {
        left: -20px;
    }

    .slider-cart .owl-nav button.owl-next {
        right: -20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: 992px;
    }

    .right_clear {
        padding-right: calc((100% - 992px) / 2 + 15px);
    }

    .left_clear {
        padding-left: calc((100% - 992px) / 2 + 15px);
    }

    .product_box h4 {
        font-size: 20px;
    }

    .product_box p {
        font-size: 14px;
    }

    .price_box a img {
        width: 28px;
    }

    .price_box h5 {
        font-size: 25px;
    }

    .enjoy_sushi {
        margin-left: 15px;
        padding-left: 15px;
    }

    .header_text h4 {
        font-size: 18px;
    }

    .header_text h2 {
        font-size: 28px;
    }

    .header_text {
        margin-left: 10px;
    }

    .summary-box .box-item .number-count-area .text {
        font-size: 14px;
    }
    .loyalty_program_popup .modal-content{
        margin-left: 20px;
        margin-right: 20px;
    }

}

@media (max-width: 1199.98px) {
    .secure_area ul li {
        font-size: 17px;
    }

    .home_img1 {
        max-width: 100%;
        height: auto;
    }

    .box_home h1 {
        font-size: 80px;
    }

    .header_bottom ul li a {
        font-size: 18px;
        padding: 15px 18px;
        white-space: nowrap;
    }


    .vide-area .vide-text h2 {
        font-size: 50px;
    }

    .vide-area .vide-text p {
        font-size: 18px;
    }

    .slider-cart .owl-nav button.owl-next {
        right: -15px;
    }

    .main-cart-area .cart-box .price-total,
    .main-cart-area .cart-box .price,
    .main-cart-area .cart-box .quantity,
    .main-cart-area .cart-box .close-area {
        padding: 0 13px;
    }

    .summary-box {
        padding: 15px;
    }

    .tab-area {
        padding-bottom: 100px;
    }

    .cart-image .media img {
        max-width: 120px;
    }

    .popup-inner .popup-box .close-area.area-2 {
        top: -45px;
        right: 20px;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    #details .modal-dialog {
        max-width: 950px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: 768px;
    }

    .secure_area:not(.v2) ul li {
        font-size: 16px;
        padding: 0px;
    }

    .secure_area ul {
        margin-left: -9px;
        margin-right: -9px;
    }

    .secure_area ul li img {
        margin-right: 5px;
        max-height: 20px;
    }

    .loyalty_program_popup .modal-dialog{
        max-width: 750px;
    }
    .loyalty_program_popup .modal-content {
        padding: 25px 30px 40px 30px;
        border-radius: 40px;
    }
}

@media (max-width: 991.98px) {
    .header_top {
        height: 100px;
    }

    .img-fluid.connection {
        min-width: 110px;
    }

    .secure_area.v2 ul li {
        font-size: 22px;
    }

    .logo {
        margin-right: 20px;
        max-width: 105px;
    }

    .tip_box {
        right: auto;
        left: 0;
    }

    .enjoy_area h2 {
        font-size: 100px;
    }

    .img_box {
        padding-top: 75%;
    }

    .ofcavas-menu.current {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 25px 0;
        z-index: 99999;
    }

    .menu_list {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 45px 0;
    }

    .menu_list img {
        margin-right: 16px;
    }

    .menu_list > a {
        font-size: 30px;
        line-height: 35px;
        color: #ffffff !important;
        font-weight: 500;
        margin-top: 30px;
        transition: 0.4s;
    }

    .menu_list > a:first-child {
        margin-top: 0;
    }

    .menu_list > ul {
        padding: 35px 0 5px;
    }

    .menu_list > ul > li {
        margin-top: 20px;
    }

    .menu_list > ul > li > a {
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff !important;
    }

    .menu_list > ul > li > ul > li > a {
        font-size: 24px;
        font-weight: 400;
        color: #fff !important;
        margin-top: 20px;
        display: inline-block;
    }

    .social_close .social a:last-child {
        margin-left: 10px;
    }

    .close_icon {
        margin-top: 45px;
    }

    .home_area.big_home .home_logo {
        max-width: 150px;
    }

    .home_area.big_home .user_img img {
        width: 150px;
        height: 150px;
        margin-top: 26px;
    }

    .home_area.box_home {
        padding: 98px 0 10vh;
    }

    .box_home .box_home_slider .owl-nav {
        left: -50px;
        width: calc(100% + 100px);
    }

    .hamburger-menu {
        display: block;
    }

    .ofcavas-menu {
        display: block;
    }

    .header_top {
        height: 80px;
        display: flex;
        align-items: center;
    }

    .filter_bar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #BCC4C9;
        z-index: 1027;
        padding: 30px 15px;
        overflow: auto;
        text-align: center;
        transition: 0.3s;
    }

    .filter_bar.open {
        left: 0;
    }

    .side_bar_content {
        padding-left: 0px;
        max-width: 312px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .side_bar_header {
        justify-content: center;
    }

    .side_bar_header img {
        display: none;
    }

    .side_bar h2 {
        margin-left: 0;
        font-size: 63px;
        max-width: 215px;
    }

    .side_bar button {
        font-size: 30px;
        padding-right: 26px;
        margin-top: 20px;
    }

    .side_bar_content ul li a {
        font-weight: 500 !important;
    }

    .side_bar_content p {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .filter_toggler {
        position: fixed;
        left: 15px;
        bottom: 70px;
        cursor: pointer;
        background-color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        z-index: 1024;
        border-radius: 50%;
    }

    /*	.header_bottom ul li a {
            font-size: 13px;
            padding: 13px 16px;
        }*/
    .header_text {
        margin-left: 0;
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .header_text > .d-flex {
        justify-content: center;
    }

    .header_text h2 {
        font-size: 18px;
        text-align: left;
    }

    .sushi_title h2 {
        margin-top: 20px;
    }

    .price_link {
        margin-left: 0;
    }

    .fermer {
        top: 20px;
        right: 25px;
    }

    .fermer a {
        font-size: 22px;
    }

    .fermer a img {
        width: 30px;
        margin-right: 5px;
    }

    .chosen_title {
        font-size: 25px;
    }


    .logo-header-2 {
        display: none;
    }

    .popup-logo img {
        width: 128px;
    }

    .popup-inner .popup-box .popup-text h2,
    .popup-inner .popup-box .popup-text h3,
    .popup-inner .popup-box .popup-text h4 {
        font-size: 36px;
    }

    .button-summry button {
        max-width: 100%;
    }

    .cupon-box .form {
        max-width: 100%;
    }

    .programme-box {
        max-width: 100%;
    }

    .button-area-programm .button {
        max-width: 100%;
    }

    .vide-area .vide-text h2 {
        font-size: 42px;
    }

    .ma-command {
        display: none;
    }

    .section-padding {
        padding: 100px 0 150px;
    }

    .summary-box {
        margin-top: 30px;
    }

    .slider-cart .owl-nav button.owl-next {
        right: -8px;
    }

    .slider-cart .owl-nav button.owl-prev {
        left: -8px;
    }

    .logo-2 {
        max-width: 101px;
    }

    .voir-text p {
        font-size: 21px;
    }

    .tab-btn-area p br {
        display: none;
    }

    .calc-width {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .summary-width {
        max-width: 100%;
    }

    .para-head {
        font-size: 32px;
    }

    .heading-text .sub-head {
        font-size: 17px;
    }

    .cart-header .header_top {
        height: auto;
    }

    .main-cart-area .cart-box .price-total,
    .main-cart-area .cart-box .price,
    .main-cart-area .cart-box .quantity,
    .main-cart-area .cart-box .close-area {
        padding: 0 21px;
    }

    .slider-area-text h2 {
        margin-bottom: 35px;
    }

    .mon-wrapper {
        padding-left: 0;
    }

    .main .section-padding.padding-extra {
        padding-top: 125px;
    }

    .compte_header {
        padding-bottom: 25px;
    }

    .mon-complete-area-1 .link-box {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        text-align: center;
        z-index: 1026;
        border-radius: 0;
        padding-top: 25px;
        transition: 0.3s;
        display: grid;
        grid-template-rows: auto auto auto;
    }

    .mon-complete-area-1 .link-box ul {
        margin-bottom: 20px;
    }

    .mon-complete-area-1 .link-box.open {
        left: 0;
    }

    .close_icon2 {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }

    .avoirs-all-wrapper {
        padding-left: 0;
    }

    .information-box-main {
        padding-left: 0;
    }

    .pl_md_0 {
        padding-left: 0;
    }

    .secure_area:not(.v2) ul li {
        padding-left: 0;
        padding-right: 0;
    }

    .secure_area ul li {
        justify-content: center;
    }

    .owl-nav {
        position: absolute;
        top: 50%;
        left: -10px;
        width: calc(100% + 20px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        transform: translateY(-50%);
        z-index: 1;
    }

    .owl-nav button {
        padding: 0;
        background-color: transparent;
    }

    .owl-nav button.disabled {
        opacity: 0;
        pointer-events: none;
    }

    .owl-prev img {
        transform: rotate(180deg);
    }

    .secure_slide.owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }

    .header_bottom .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* ========== Homepage 2 ============ */
    .hero_slide_img {
        width: 100%;
        object-fit: cover;
        height: 100vh;
    }
    .hero_video {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .rastaurant_img h3 {
        font-size: 42px;
    }

    .home_area2 {
        height: 100vh;
        padding-top: 145px;
    }

    .hero_bg_slider .owl-dots {
        margin-bottom: 75px;
    }

    .loyalty_program_popup .heading{
        display: block;
        text-align: center;
    }
    .loyalty_program_popup .heading h3{
        justify-content: center;
        margin-bottom: 1px;
    }
}

/*Medium devices (tablets, 767px and down)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .container {
        max-width: 576px;
    }


    .section-padding {
        padding-top: 81px;
    }
}

@media (max-width: 767.98px) {
    .logo {
        display: none;
    }

    .cart span {
        height: 26px;
        width: 26px;
        font-size: 18px;
        top: -4px;
        right: -12px;
    }

    .cart {
        margin-right: 12px;
        margin-bottom: 3px;
    }

    .user_content > a,
    .user_content > div:not(.hamburger-menu) {
        margin-left: 15px;
    }

    .home_area h1 {
        font-size: 80px;
    }

    .home_area h2 {
        font-size: 67px;
    }

    .home_area .input_group_wrap {
        margin-top: 25px;
    }

    .form_wrap {
        margin-top: 60px;
    }

    .home_area .form_wrap {
        margin-top: 60px;
    }

    .home_area {
        min-height: auto;
        padding: 125px 0 60px;
    }

    .home_logo.d-md-none {
        margin-bottom: 20px;
        max-width: 120px;
    }

    .enjoy_area h2 {
        font-size: 85px;
    }

    .enjoy_area {
        padding: 60px 0;
    }

    .decouverte_content h2 {
        font-size: 75px;
    }

    .decouverte_content.v2 .p3 {
        font-size: 48px;
    }

    .decouverte_content.v2 .p3 br {
        display: none;
    }

    .decouverte_content .p2 br {
        display: none;
    }

    .decouverte_content.v2 {
        padding: 60px 15px 60px;
    }

    .secure_area.v2 ul li {
        font-size: 19px;
    }

    footer ul li a {
        font-size: 18px;
    }

    .input_group {
        z-index: 1;
    }

    .input_group.input_group2 {
        z-index: 2;
    }

    .product_box {
        border: 1.5px solid #fff;
        padding: 25px 10px 10px;
        border-radius: 10px 10px 0 0;
    }

    .product_area {
        padding: 45px 0 60px;
    }

    .user_home {
        display: block !important;
    }

    .home_area.v2::before {
        display: block;
        background-color: rgba(162, 162, 162, 0.77);
    }

    .price_circle {
        margin-top: 30px auto;
        margin: 20px auto 0px;
    }

    .home_area.big_home h4 {
        margin: 20px 0px 0;
    }

    .home_area.big_home {
        padding-top: 70px;
    }

    .home_area.box_home.v3 h1 {
        font-size: 80px;
    }

    .home_area.box_home.v3 span.year {
        font-size: 18px;
    }

    .box_home .box_home_slider .owl-nav {
        left: -10px;
        width: calc(100% + 20px);
    }

    .box_home .box_home_slider .owl-nav button {
        background-color: #000;
        border-radius: 50%;
        display: inherit;
    }

    .box_home .box_home_slider .owl-nav button img {
        width: 24px;
    }

    .alert {
        font-size: 16px;
    }

    .alert .close {
        top: 6px;
    }

    .header_bottom ul li a {
        font-size: 18px;
    }

    .commander_area {
        padding: 12px 0;
    }

    .commander_area p,
    .commander_area a {
        font-size: 20px;
        line-height: 1;
        font-weight: 500;
        margin-right: 0;
    }

    .commander_area p strong {
        font-size: 29px;
    }

    .valid_footer {
        padding: 22px 0;
    }


    .box-design-area-main {
        padding-bottom: 60px;
    }

    .main-cart-area .cart-box {
        flex-wrap: wrap;
        padding: 15px 20px;
    }

    .main-cart-area .cart-box .price-multiple {
        order: 3;
        width: 100%;
        justify-content: center;
        border-top: 1px solid rgba(255, 255, 255, 0.7);
        padding: 18px 0 0;
        margin-top: 12px;
    }

    .main-cart-area .cart-box .cart-image {
        order: 1;
        width: auto;
    }

    .main-cart-area .cart-box .close-area {
        order: 2;
        width: 31%;
    }

    .main-cart-area .cart-box .price,
    .main-cart-area .cart-box .price-total,
    .main-cart-area .cart-box .quantity,
    .main-cart-area .cart-box .close-area {
        min-height: 20px;
    }

    .main-cart-area .cart-box .price {
        border: none;
    }

    .main-cart-area .cart-box .quantity,
    .main-cart-area .cart-box .price-total {
        border-color: #89034F;
    }

    .slider-cart .owl-nav button.owl-next {
        right: 0px;
    }

    .slider-cart .owl-nav button.owl-prev {
        left: 0px;
    }

    .cart-header.v2 .header_top {
        height: 80px;
    }

    .main .section-padding.padding-extra {
        padding-top: 95px;
    }

    .account-page .main .section-padding.padding-extra-info-message {
        padding-top: 136px;
    }

    .button-box.d-flex {
        flex-wrap: wrap;
    }

    .mon-complete-area-1 .link-side-box-2 .slash-box {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .mon-complete-area-1 .link-side-box-2 .slash-box p {
        padding-right: 12px;
        margin-right: 12px;
    }

    .mon-complete-area-1 .story-area-2 .title a {
        margin-left: 0;
        line-height: 1;
    }

    .mon-complete-area-1 .link-side-box-2 .button-box .button.b-3 {
        margin-left: 0;
    }

    .story-box .owl-stage {
        padding-left: 0 !important;
    }

    .information-form .info-flex-box {
        flex-direction: column;
        margin-top: 15px;
    }

    .information-form .info-flex-box .left-para {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .res_details p.font_20 {
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }

    .res_details p.text-white.medium.mt_20 {
        font-size: 23px;
    }

    .stroy_img {
        display: block;
    }

    .stroy_img img {
        width: 100%;
        border-bottom: 7px solid #9A034F;
    }

    .story_slider .owl-stage {
        padding-left: 0 !important;
    }

    .eco_order_wrap {
        padding: 20px 13px 20px 30px;
    }
    .main-cart-area .cart-box.check_empty_error::before{
        font-size: 22px;
    }
    /* ========== Homepage 2 ============ */
    .hero_slide_img {
        width: 100%;
        object-fit: cover;
        height: 100vh;
    }
    .hero_video {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .home_area2 {
        padding: 100px 0 25px;
        height: 100vh;
    }
    .rastaurant_img h3 {
        font-size: 35px;
    }
    .product_box2 > img {
        margin: 35px 0 25px;
        display: block;
        place-self: center;
        width: 200px;
    }
    .food_img_area img {
        height: 200px;
        object-fit: cover;
    }
    .restaurant_area .decouverte_content ul li {
        font-size: 25px;
    }
    .rastaurant_img h3 {
        font-size: 24px;
    }

    .footer_contents .p1 {
        font-size: 20px;
        color: #fff;
    }

    .footer_contents .p2 {
        font-size: 24px;
    }
    .footer_contents h5,
    .footer_contents a {
        font-size: 22px;
    }

    .input_group_wrap2 {
        z-index: 99999 !important;
    }

    .hero_bg_slider .owl-dots {
        gap: 10px;
        margin-bottom: 40px;
    }

    .input_group_list_style2 {
        padding: 10px 15px 10px 15px;
    }

    .decouverte_content h2 {
        font-size: 55px;
    }

    .home_area2 .form_wrap {
        padding-bottom: 45px;
    }

    .tip_box2 {
        font-size: 17px;
        padding: 0 20px;
        height: 30px;
        top: -30px;
        left: 0;
    }

    .secure_area {
        padding: 25px 0;
    }

    .secure_area ul li img {
        width: 25px;
    }

    .home_area2 .input_group_wrap .input_title {
        font-size: 18px;
        padding: 9px 20px;
        text-align: left;
    }

    .home_area2 .input_group input {
        height: 40px;
        padding: 0 20px 0 20px;
    }

    .home_area2 {
        padding: 100px 0 55px;
    }
    .layalty_program{
        background-image: url(../img/layalty_program_bg1.png);
        padding-bottom: 165px;
        border-radius: 13px;
    }
    .layalty_program h4{
        font-size: 28px;
    }
    .layalty_program .button {
        font-size: 19px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .layalty_program p {
        font-size: 14px;
    }
    .layalty_program h5{
        bottom: unset;
        top: 48px;
        right: 17px;
    }
    .loyalty_program_popup .modal-dialog {
        max-width: 546px;
    }
    .loyalty_program_popup .modal-content {
        padding: 20px 20px 20px 20px;
        border-radius: 30px;
        margin-top: 40px;
    }
    .loyalty_program_popup .heading{
        padding-bottom: 5px;
    }
    .loyalty_program_popup .heading h3 {
        gap: 0 8px;
        font-size: 28px;
    }
    .loyalty_program_popup .heading h3 img {
        width: 20px;
    }
    .loyalty_program_popup .heading h4 {
        font-size: 20px;
    }
    .loyalty_program_popup .row {
        margin-right: -8px;
        margin-left: -8px;
    }
    .loyalty_program_popup .col-xl-4{
        padding-left: 8px;
        padding-right: 8px;
    }

    .layalty_program_card .badge {
        left: 24px;
        top: -14px;
        font-size: 17px;
        padding: 7px 20px 9px 20px;
    }
    .layalty_program_card .button{
        font-size: 17px;
    }
    .layalty_program_card p {
        font-size: 17px;
    }
    .modal .close {
        top: -30px;
        font-size: 14px;
        gap: 0 10px;
    }
    .modal .close img {
        width: 22px;
    }
    .alert_popup .modal-dialog{
        max-width: 450px;
    }
    .alert_popup .modal-content {
        box-shadow: 0 0 50px rgb(0, 0, 0, .5);
        padding: 38px 0 33px;
        text-align: center;
        border-radius: 20px;
    }
    .alert_popup h3 {
        font-size: 23px;
    }
    .alert_popup .btns {
        gap: 0 10px;
        padding-top: 17px;
    }
    .alert_popup .button {
        width: 130px;
        font-size: 23px;
        padding: 7px 10px 7px 10px;
    }

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
    .home_logo.d-md-none {
        max-width: 115px;
        z-index: 1;
        align-self: start;
        margin: 0 auto;
    }

    .price_box h5 {
        font-size: 20px;
    }

    .home_area h1 {
        font-size: 63px;
    }

    .home_area h2 {
        font-size: 51px;
    }

    .input_group_wrap .input_title {
        font-size: 24px;
        padding: 8px 30px;
        text-align: left;
    }

    .input_group input {
        height: 53px;
    }

    .secure_area ul li {
        font-size: 22px;
        text-align: left;
    }

    .decouverte_content h2 {
        font-size: 63px;
    }

    .decouverte_content .p1 {
        font-size: 21px;
    }

    .product_box h4 {
        font-size: 18px;
        margin-top: 15px;
    }

    .price_box {
        margin-top: 12px;
    }

    .button {
        font-size: 18px;
        padding: 9px 65px;
    }

    .decouverte_wrapper {
        padding: 60px 0 60px;
    }

    .enjoy_area h2 {
        font-size: 55px;
    }

    .enjoy_area p {
        font-size: 22px;
    }

    .decouverte_content.v2 .p3 {
        font-size: 30px;
    }

    .engagements_area .decouverte_content h2 {
        font-size: 51px;
    }

    .secure_area.v2 ul {
        flex-direction: column-reverse;
    }

    .secure_area.v2 ul li {
        font-size: 18px;
    }

    .secure_area.v2 ul li img {
        width: 18px;
    }

    .secure_area.v2 ul li:first-child {
        margin-top: 10px;
    }

    .engagements_area.v3 ul li a {
        font-size: 27px;
        font-weight: 400;
    }

    .story_area h2 {
        font-size: 63px;
    }

    .logo_wrap img {
        max-height: 47px;
    }

    .logo_wrap img:not(:last-child) {
        margin-right: 10px;
    }

    footer {
        padding: 45px 0 30px;
    }

    footer ul {
        flex-wrap: wrap;
        max-width: 235px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px !important;
    }

    footer ul li {
        padding-left: 11px;
        margin-left: 7px;
        line-height: 1;
    }

    footer ul li:nth-child(3) {
        margin-left: 0;
        padding-left: 0;
    }

    footer ul li:nth-child(3)::before {
        display: none;
    }

    footer ul li a {
        font-size: 15px;
    }

    footer p {
        color: #3F3F41;
        font-size: 20px;
        line-height: 1.2;
    }

    footer h4 {
        font-size: 22px;
        line-height: 1.2;
        font-weight: 500;
        color: #3F3F41;
    }

    .text-underline {
        text-decoration: underline;
    }

    .story_area {
        padding: 60px 0;
    }

    .story_img .story_img_wrap img {
        height: 110px;
        width: 110px;
    }

    .home_area.big_home h4 {
        font-size: 42.5px;
    }

    .home_area.big_home .first_text {
        font-size: 40px;
    }

    .home_area.big_home .user_home h4 span.cross {
        font-size: 23px;
    }

    .home_area.box_home h1,
    .home_area.box_home.v3 h1 {
        font-size: 50px;
    }

    .home_area.box_home.v3 span.year,
    .home_area.box_home span.year {
        font-size: 16px;
        left: -50px;
        top: 15px;
    }

    body {
        font-size: 18px;
    }

    .img_title {
        margin-bottom: 20px;
    }

    .img_title,
    .img_title span {
        font-size: 25px;
    }

    .img_title img {
        max-width: 55px;
    }

    .home_area.box_home.v3 .price_circle {
        margin: 45px 0 55px;
        margin-right: auto;
    }

    .product_page .prouduct_desc {
        min-height: 90px;
    }

    .product_title {
        font-size: 41px;
    }

    .product_page {
        padding: 205px 0 45px;
    }

    .catalog-page main .product_page.padding-extra-info-message {
        padding-top: 246px;
    }

    .moment_box {
        border-radius: 10px;
        text-align: center;
        padding: 18px 15px;
    }

    .moment_box h2 {
        font-size: 45px;
    }

    .header_text h4 {
        font-size: 18px;
    }

    .header_text h2 {
        max-width: 315px;
    }

    .side_bar button {
        max-width: 312px;
        width: 100%;
    }

    .commander_area p, .commander_area a {
        font-size: 18px;
    }

    .address_area {
        padding-bottom: 90px;
        padding-top: 60px;
    }

    .valid_footer .button {
        padding: 8px 70px;
    }

    .address_area.v2 {
        padding: 10px 0 130px;
    }

    .chosen_input label {
        font-size: 18px;
    }

    .valid_footer .button {
        font-size: 18px;
    }


    .popup-inner .popup-box .popup-btn-area .button {
        font-size: 18px;
        line-height: 30px;
    }

    .popup-inner .popup-box .popup-text h2,
    .popup-inner .popup-box .popup-text h3,
    .popup-inner .popup-box .popup-text h4 {
        font-size: 24px;
    }

    .popup-box .close-area {
        margin-top: 98px;
    }

    .popup-inner .popup-box .popup-text {
        margin-top: 77px;
    }

    .vide-area {
        padding: 100px 0;
    }

    .vide-btns {
        margin-top: 10px;
    }

    .vide-area .vide-text p {
        font-size: 17px;
    }

    .box-design-radio.input-box .flex-box-wrapper {
        display: block;
    }

    .input_group.Crypto {
        margin-left: 0;
        margin-top: 10px;
    }

    .box-design-radio .sub-heading-box {
        max-width: 100%;
    }

    .box-design-radio.input-box .main-input-area {
        margin-left: 0;
    }

    .box-design-radio .heading label,
    .box-design-radio .sub-heading-box label,
    .box-design-radio .bottom-radio label {
        font-size: 20px;
    }

    .box-design-radio .sub-heading-box ul li label {
        font-size: 17px !important;
    }

    .heading-text.mb_25 {
        margin-bottom: 35px;
    }

    .x2-box-design-2 {
        text-align: center;
    }

    .x2-design-box-btn-area .button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .x2-design-box-btn-area {
        margin-top: 41px;
    }

    .x2-design-box-btn-area .button.btn-2 {
        margin-top: 10px;
    }

    .box-design.box-design-1,
    .box-design.box-design-radio {
        margin-top: 50px;
    }

    .cart-area .box-design.box-design-radio {
        margin-top: 25px;
    }

    .box-design.box-design-1 {
        padding: 20px 18px;
    }

    .cart-area .bottom-line-4 {
        font-size: 20px;
    }

    .cart-area .img-area p {
        font-size: 20px;
    }

    .vide-area .vide-text h2 {
        font-size: 36px;
    }

    .mobile-upper-section {
        display: block;
    }

    .footer-bottom-padd {
        padding-bottom: 145px;
    }

    .tab-area .title h4 {
        font-size: 29px;
    }

    .tab-area .title {
        margin-top: 37px;
        margin-bottom: 50px;
    }

    .tab-area {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .tab-area .title p {
        font-size: 16px;
    }

    .cart-image .media img {
        width: 102px;
    }

    .programme-box .img-box p {
        font-size: 25px;
    }

    .main-cart-area .cart-box .media-body p {
        font-size: 16px;
    }

    .section-padding {
        padding-top: 80px;
    }

    .cart-page .main .section-padding.padding-extra-info-message {
        padding-top: 121px;
    }

    .mobile-left-logo img {
        width: 100px;
    }

    .mobile-main-logo {
        margin-top: 31px;
    }

    .slider-cart {
        margin-top: 30px;
    }

    .summary-box .box-item .number-count-area .text {
        font-size: 17px;
    }

    .para-head {
        font-size: 29px;
    }

    .label-area {
        padding: 25px 0 9px;
    }

    .label-area p {
        max-width: 270px;
        font-size: 16px;
        margin: 0 auto;
    }

    .heading-text .sub-head {
        font-size: 16px;
    }

    .heading-text .sub-head br {
        display: none;
    }

    .main-cart-area .cart-box .close-area {
        width: 25%;
    }

    .cart-slider {
        padding: 36px 0;
    }

    .cart-area .bottom-line {
        font-size: 18px;
    }

    .heading-text .sub-head span {
        font-size: 16px;
    }

    .button-summry button,
    .radio-box-button .button,
    .design-box-btn-area .button {
        font-size: 18px;
    }

    .main-cart-area .cart-box {
        padding: 15px 11px;
    }

    .cart-header .header_top {
        height: 80px;
    }

    .main-cart-area .cart-box .price-total,
    .main-cart-area .cart-box .price,
    .main-cart-area .cart-box .quantity,
    .main-cart-area .cart-box .close-area {
        padding: 0 14px;
    }

    .cart-slider .product_box p {
        display: none;
    }

    .cupon-box {
        margin-top: 30px;
    }

    .button-summry,
    .programme-box-wrapper,
    .cupon-box .form {
        margin-left: auto;
        margin-right: auto;
    }

    .slider-area-text h2 {
        margin-bottom: 5px;
    }

    .tab-area .product-tab-area {
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 45px;
    }

    .tab-area .product-tab-area li.nav-item:last-child .nav-link {
        border-top-left-radius: 10px;
        border-top-right-radius: 0px;
    }

    .tab-area .product-tab-area li.nav-item:first-child .nav-link {
        border-top-left-radius: 0px;
        border-top-right-radius: 10px;
    }

    .tab-area .product-tab-area .tab-content {
        padding: 40px 15px;
    }

    .check-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .radio-box-button .button {
        width: 100%;
    }

    .mon-complete-area-1 .link-side-box-1 .footer-element {
        flex-direction: column;
    }

    .footer-element .item-2 {
        display: none;
    }

    .mon-complete-area-1 .link-side-box-1 .heading,
    .mon-complete-area-1 .link-side-box-2 .heading {
        font-size: 20px;
    }

    .mon-complete-area-1 .link-side-box-1 .footer-element .item .points,
    .mon-complete-area-1 .link-side-box-1 .footer-element .item .price {
        text-align: center;
    }

    .mon-complete-area-1 .link-side-box-1 .footer-element .item-3 {
        margin-top: 10px;
    }

    .box-design.recommand_box {
        padding: 25px 15px;
    }

    .mon-complete-area-1 .link-side-box-2 .slash-box p,
    .mon-complete-area-1 .link-side-box-2 .discription p {
        font-size: 16px;
        display: inline-flex;
        align-items: center;
    }

    .mon-complete-area-1 .link-side-box-2 .discription p img {
        width: 15px;
    }

    .mon-complete-area-1 .link-side-box-2 .button-box .button {
        padding: 9px 33px;
        margin-top: 12px;
    }

    .mon-complete-area-1 {
        padding-bottom: 40px;
    }

    .mon-complete-area-1 .story-area-2 .title h3 {
        font-size: 32px;
    }

    .mon-complete-area-1 .story-area-2 .title a {
        font-size: 23px;
    }

    .mon-complete-area-1 .story_img .story_img_wrap img {
        width: 65px;
        height: 65px;
    }

    .mon-complete-area-1 .story_img {
        padding: 2px;
    }

    .mon-complete-area-1 .story_img .story_img_wrap {
        padding: 3px;
    }

    .avoirs-inner .avoirs-box {
        padding: 10px 16px;
        min-height: 60px;
        justify-content: space-between;
    }

    .avoirs-inner h4, .information-box h4 {
        font-size: 20px;
    }

    .avoirs-inner .avoirs-box .button.avb-2 {
        margin-left: 10px;
        padding: 9px 20px;
        width: 100%;
        text-align: center;
    }

    .box-design {
        padding: 20px 20px;
    }

    .information-form .info-btn .button {
        margin-top: 30px;
        padding: 9px 33px;
    }

    .link-side-box-2.fonction-box .btn-fonction {
        font-size: 20px;
        padding: 9px 9px;
        text-align: center;
    }

    .link-side-box-2.fonction-box h4 {
        font-size: 20px;
    }

    .link-side-box-2.fonction-box p {
        font-size: 16px;
        margin-top: 20px;
        margin-left: 0px;
    }

    .like-side-1-bottom a {
        text-align: left;
        margin-left: 0px;
        margin-top: 5px;
        font-size: 18px;
    }

    .box-design .summary-box .button-box .button {
        margin-left: 0 !important;
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    .popup-inner .popup-box .sub-heading {
        font-size: 30px;
    }

    .popup-inner .box-design.popup-form {
        padding: 25px 5px;
    }

    .popup-2-btn .button {
        padding: 7px 30px 9px 30px;
        font-size: 17px;
    }

    .popup_logo {
        max-width: 96px;
    }

    .pl_m_0 {
        padding-left: 0;
    }

    .liverson h3 {
        font-size: 50px;
    }

    .liv_header {
        padding: 0;
    }

    .liv_desc {
        padding: 10px 0 30px;
        min-height: auto;
        border-top: none;
        max-width: 211px;
        margin-left: auto;
        margin-right: auto;
    }

    .modal_wrapper h2 {
        font-size: 65px;
    }

    .mon-box.box-design {
        text-align: center;
    }

    .restaurants .decouverte_content h2 {
        font-size: 50px;
    }

    .restaurants .decouverte_content {
        padding-left: 0;
        padding-right: 0;
    }

    .restaurants .decouverte_content.v2 .p3 {
        font-size: 50px;
    }

    .restaurants .decouverte_content .p2 {
        margin-top: 16px;
        font-size: 22px;
    }

    .res_details {
        display: block;
        text-align: center;
    }

    .res_details br {
        display: none;
    }

    .res_details p {
        font-size: 16px;
    }

    .res_details h4 {
        font-size: 24px;
    }

    .restaurants_img {
        max-width: 178px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .restaurants {
        padding: 140px 0 45px !important;
    }

    .restaurants .title_sm {
        font-size: 20px;
        margin-top: 35px;
    }

    .liv_box {
        border-top: none;
        border-right: none;
        text-align: center;
    }

    .liv_header {
        padding: 0;
        width: 100%;
    }

    .liverson .col-sm-6:last-child .liv_desc {
        border-bottom: none;
        padding-bottom: 0;
    }

    .liverson {
        padding-bottom: 20px;
    }

    .home_area::before {
        background-color: rgba(0, 0, 0, 0.90);
    }

    .home_area {
        padding: 105px 0 60px;
    }

    .alert.alert-danger p {
        font-size: 16px;
        max-width: 197px;
    }

    .alert.alert-danger .close {
        right: 20px;
        top: 15px;
        font-size: 40px;
    }

    /*new css*/
    #details .modal-content {
        padding: 50px 25px 25px;
    }

    #details .modal-dialog-centered {
        align-items: flex-start;
        margin: 0 0;
        padding: 20px 0 70px;
    }

    #details .price_box.v2 {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #777777;
        padding: 12px 25px !important;
        justify-content: space-between;
    }

    #details .button.blue {
        margin-left: 10px;
        padding: 8px 50px;
        font-size: 28px;
    }

    #details .close-area {
        left: 20px;
    }

    .count_number {
        left: auto;
        right: 25px;
    }

    #details .modal-content .price_box {
        justify-content: space-between;
        margin-bottom: 0;
    }

    .popup_img {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    /*new popup css*/
    .popup_body h2 {
        color: #FFFFFF;
        font-size: 22px;
    }
    .popup_body p br{
        display: none;
    }
    .popup_body p {
        font-size: 20px;
    }
    .popup_wrap.v3 .popup_body h2 {
        font-size: 66px;
    }
    .link {
        font-size: 20px;
    }
    .popup_body ul li {
        font-size: 18px;
        margin-top: 10px;
    }
    .popup_body ul li img {
        width: 30px;
    }

    .sm_popup_body{
        border-radius: 13px;
    }

    .modal_hd{
        font-size: 22px;
    }

    .modal__body {
        padding: 15px 15px 15px 15px;
    }

    .sm_popup_body li .num{
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .sm_popup_body li h4,
    .sm_popup_body li p{
        font-size: 20px;
    }

    p.bottom_text{
        font-size: 18px;
    }

    .sm_popup_body .button{
        font-size: 16px;
    }

    .bubble_tab {
        margin-top: -20px;
    }
    .loyalty_program_popup .modal-dialog {
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .loyalty_program_popup .modal-content {
        padding: 20px 8px 20px 8px;
        border-radius: 30px;
        margin-top: 40px;
    }
    .loyalty_program_popup .row {
        margin-right: -4px;
        margin-left: -4px;
    }
    .loyalty_program_popup .col-xl-4{
        padding-left: 4px;
        padding-right: 4px;
    }
    .layalty_program_card {
        padding: 13px 5px 27px 5px;
        border-radius: 18px;
        margin-top: 20px;
    }
    .layalty_program_card .content {
        padding: 8px 12px;
    }
    .layalty_program_card .button {
        font-size: 14px;
        padding: 1px 10px 2px 10px;
        border-radius: 30px;
    }
    .layalty_program_card p {
        font-size: 12px;
        margin-top: 5px;
    }
    .layalty_program_card .badge{
        left: 16px;
        top: -8px;
        font-size: 14px;
        border-radius: 27px;
        padding: 3px 10px 5px 10px;
    }
    .alert_popup .modal-dialog {
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .layalty_program_card img {
        max-height: 121px;
    }

    /* ======== home_area2 ======== */
    .home_area2 .form_wrap {
        padding-bottom: 35px;
    }

    .home_area2 {
        padding: 100px 0 55px;
    }
}


@media (max-width: 359.98px) {
    .cart-image .media img {
        margin-left: -20px;
    }

    .box-design.box-design-1,
    .box-design.box-design-2 {
        padding: 20px 26px;
    }

    .cart-area .img-area p {
        font-size: 14px;
    }

    .cart-area .bottom-line-4 {
        font-size: 14px;
    }

    .box-design .text h4 {
        font-size: 21px;
    }

    .box-design .text p {
        font-size: 19px;
    }

    .main-cart-area .cart-box .price p,
    .main-cart-area .cart-box .price-total p {
        font-size: 20px;
    }

    .nice-number input {
        width: 25px !important;
        height: 25px;
    }

    .main-cart-area .cart-box .nice-number button {
        height: 25px;
        width: 25px;
    }

    .para-head {
        font-size: 28px;
    }

    .cart-area .bottom-line {
        font-size: 16px;
    }

    .programme-box .p-text {
        font-size: 16px;
    }

    .popup-inner .popup-box .popup-text h2,
    .popup-inner .popup-box .popup-text h3,
    .popup-inner .popup-box .popup-text h4 {
        font-size: 21px;
    }

    #details .button.blue {
        padding: 8px 35px;
        font-size: 25px;
    }

    /*new popup css*/
    .popup_body {
        padding: 30px 18px 25px;
    }
    .layalty_program .button {
        font-size: 16px;
    }
    .layalty_program h5 {
        top: 46px;
        right: 17px;
        font-size: 21px;
    }
}