/* Artica Restaurant HTML Template */

/* --------- */
/* min-width */

@media only screen and (min-width: 1025px) {
    .hidden-bar.right-align.visible-sidebar {
        right: -400px !important;
    }

    .dishes-column .inner-box {
        padding-left: 0;
    }

    .gallery-item .image-box .title-box {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) {
    /*
    .c-nav {
        display: flex;
        justify-content: center;
    }
    */
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}

/* --------- */
/* max-width */

@media only screen and (max-width: 1340px) {

    .page-wrapper {
        overflow: hidden;
    }

}

@media only screen and (max-width: 1140px) {

    .main-header {
        margin: 0 !important;
    }

    .sidebar-page-container .sidebar {
        margin-left: 0;
    }

    .sidebar-page-container .content-side {
        padding-right: 15px;
    }

    .volunteer-section .how-to-column .inner-box {
        padding-left: 0;
    }

    .parallax-image-section,
    .page-title {
        padding: 120px 0;
    }

}

@media only screen and (max-width: 1023px) {

    .main-header .main-box .logo-box {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 200px;
        margin: 0;
        text-align: left;
    }

    .main-header .main-box .outer-container,
    .delicous-section .delicous-inner .food-column .inner {
        padding-left: 0;
    }

    .main-header .nav-outer,
    .nav-outer .main-menu {
        display: none;
    }

    .main-header .nav-toggler {
        display: block;
    }

    .main-footer .posts-widget .widget-content,
    .main-footer .posts-widget h2 {
        margin-left: 0;
    }

    .delicous-section .delicous-inner {
        padding: 72px 10px 55px 20px;
    }

    .chef-info-section .content-column .inner-box {
        margin-top: 50px;
    }

    .restaurant .images-column .inner-box {
        padding-left: 0;
    }

    .contact-banner .column {
        text-align: center !important;
    }

    .restaurant .column .inner-box {
        padding-top: 0;
        padding-right: 0;
    }

    .restaurant-discover .sec-title,
    .contact-form .form-column {
        margin-top: 0;
    }

    .sidebar-page-container.left-side-bar .content-side,
    .sidebar-page-container.right-side-bar .content-side {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media only screen and (max-width: 991px) {

    .none-991{
        display:none;
    }

    .mbl-cart-button {
        right: 0;
        position: fixed;
        background: #202020;
        width: 100%;
        bottom: 0;
        padding: 10px;
        display: block;
    }

    .mbl-cart-button button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 10px 30px;
        font-size: 16px;
        background: #F7D93A;
        color: #000;
        border: none;
        font-weight: 700;
        border-radius: 10px;
        cursor: pointer;
    }

    .mbl-cart-button button:hover, .mbl-cart-button button:focus, .mbl-cart-button button:active {
        background: #FEB518;
        color: #000;
    }

    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        color: #fff;
        opacity: 1;
        position: absolute;
        right: 63px;
        margin-top: -35px;
    }

    .po {
        position: absolute;
        width: 100%;
        padding: 0;
        top: 0;
        z-index: 999;
        right: 0;
        display: none !important;
    }

    .modal .side-cart-main {
        min-height: 100%;
        background: #202020;
        height: 100vh;
        width: 100%;
        padding: 15px 20px;
        position: absolute;
    }

    .modal-xl {
        margin: 0;
    }

    .modal .carts-items {
        height: 250px !important;
        overflow-y: scroll;
    }

    #registration_delivery_address {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {

    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
    }

    .main-header .header-top .top-right,
    .main-header .header-top .top-left {
        width: 100%;
    }

    .main-header .header-top .top-right ul li,
    .main-header .header-top .top-left ul li {
        margin: 0 10px;
    }

    .main-slider .tp-caption {
        display: none !important;
    }

    .main-header .header-top .top-right ul,
    .main-header .header-top .top-left ul,
    .header-top .social-icon,
    .header-top .top-right ul {
        text-align: center;
        width: 100%;
        margin: 5px 0;
        padding: 0;
        border: 0;
    }

    .cart-section .coupon-outer .pull-left,
    .cart-section .coupon-outer .pull-right {
        width: 100%;
    }

    .main-header .header-top .top-right ul .eng-dropdown .dropdown-menu.style-one li {
        padding: 8px 0;
        margin: 0;
    }

    .cart-section .coupon-outer .apply-coupon .form-group {
        margin: 0 0 15px;
        width: 100%;
        padding-right: 0;
    }

    .cart-section .coupon-outer .apply-coupon .form-group input[type="text"] {
        width: 100%;
    }

    .cart-section .coupon-outer .apply-coupon .form-group button {
        position: relative;
        text-align: center;
        width: 100%;
    }

    .cart-section .coupon-outer .theme-btn,
    .food-item .inner-box ul li .dots,
    .food-item-two .inner-box ul li .dots {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    .food-item .inner-box,
    .food-item-two .inner-box {
        padding-left: 0;
    }

    .special-section .opening-column {
        padding-right: 15px;
    }

    .delicous-section .delicous-inner .food-column .inner h3 {
        text-align: center;
    }

    .food-item .image-box,
    .food-item-two .image-box {
        position: relative;
        margin: 0 auto;
    }

    .food-item .inner-box,
    .food-item .inner-box ul li.text,
    .food-item-two .inner-box ul,
    .food-item-two .inner-box ul li.text {
        text-align: center;
    }

    .food-item .inner-box ul li .title-box,
    .food-item .inner-box li .price,
    .food-item-two .inner-box ul li .title-box,
    .food-item-two .inner-box li .price {
        float: none;
    }

    .main-header .header-top .top-right ul li {
        padding: 0 18px;
        border: 0;
    }

    .food-item .inner-box ul li .title-box,
    .food-item-two .inner-box ul li .title-box {
        display: inline-block;
        margin-top: 10px;
    }

    .sec-title-two h2,
    .sec-title-one h2 {
        font-size: 30px;
    }


    .page-title h3,
    .parallax-image-section h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .page-title h2,
    .parallax-image-section h4 {
        font-size: 20px;
    }

    .sidebar-page-container.right-side-bar .content-side {
        padding-right: 15px;
    }

    .restaurant-discover .sec-title {
        margin-top: 0;
    }

}

@media only screen and (max-width: 599px) {

    .blog-details .comments-area .reply-comment {
        margin-left: 0;
    }

    .opening-column .inner-box ul li {
        margin-left: 12px;
        margin-right: 12px;
    }

    .dishes-carousel-section .owl-nav {
        position: relative;
        margin-top: 20px;
    }

    .recipe-tabs .tab-buttons {
        margin-top: 30px;
    }

    .recipe-tabs .tab-buttons .tab-btn {
        color: #000000;
    }

    .recipe-tabs .tabs-container {
        margin-top: 30px;
    }

    .product-details .basic-details .item-quantity {
        margin-right: 5px;
    }

    .product-details .other-options .share-icon {
        margin-left: 5px;
    }

    .checkout-page .default-links li {
        padding: 10px;
    }

    .sidebar-page-container .comments-area .comment,
    .sidebar-page-container .comments-area .reply-comment {
        padding-left: 0;
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 499px) {

    .main-header .main-box .logo-box .logo img {
        max-width: 70%;
    }

    .cart-section .apply-coupon .form-group {
        padding-right: 0;
    }

    .cart-section .apply-coupon .theme-btn {
        position: relative;
        margin-top: 10px;
        width: 100%;
        display: block !important;
    }

    .cart-section .outer-box .select-amount .calculate-ship {
        padding: 10px 30px;
    }

    .prod-tabs .reviews-container .review-box {
        padding-left: 0;
    }

    .prod-tabs .reviews-container .rev-thumb {
        position: relative;
        margin-bottom: 15px;
    }

    .cate-nav{
        top:87px !important;
    }
}