/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .owl-nav {
        position: absolute;
        right   : 36%;
    }
}

/* Mobile Layout: 320px. */
@media (max-width: 767px) {
    .thumbnail {
        padding-left: 0;
    }

    .owl-carousel .owl-item img {
        width  : 100%;
        display: block;
        height : 258px;
    }

    .slider::before {
        left   : 0%;
        top    : 288px;
        opacity: 0.1;
    }

    .slider::after {
        position   : absolute;
        content    : url("img/arrowr.png");
        font-family: fontawesome;
        bottom     : 0;
        right      : 17px;
    }

    .owl-nav {
        left  : 129px;
        bottom: -49px;
        right : 0;
    }

    .owl-nav div {
        display      : inline-block;
        background   : #f56209;
        padding      : 6px 9px;
        color        : white;
        margin       : 0 3px;
        font-size    : 21px;
        border-radius: 7%;
        line-height  : 23px;
    }

    .footer-menu ul li a {
        background: none;
    }

    .footer-menu ul li {
        text-align: left;
        font-size : 13px;
        list-style: none;
        margin    : 0;
        padding   : 0;
        background: none;
    }

    .footer-menu ul {
        padding: 0;
    }

    .content-block-3 {
        padding-top : 10px;
        padding-left: 0;
    }

    .order-success-modal__body .user-name {
        font-size: 23px;

    }
    
    .thumbnail::before {
        right: 150px;
        left: 0;
    }    
    
    .learn-more a{
        margin-bottom: 50px;
    }
    
    .about-content.content-3 h2{
        margin-top: 0;
    }
    
    .woocmerce-items-list {
	    height: calc(90vh - (-19px + 80px));
    }
    
    .scroll-overlay-items {
	    height: calc(92vh - (1px + 78px));
    }
    
    .woocmerce-items-list.no-footer {
        height: calc(100vh - (-4px + 68px));
    }    
    
    

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .content-block-3 {
        padding-top : 10px;
        padding-left: 0;
    }

    .footer-menu ul li {
        text-align: left;
        font-size : 13px;
        list-style: none;
        margin    : 0;
        padding   : 0;
        background: none;
    }

    .slider::after {
        position   : absolute;
        content    : url("img/arrowr.png");
        font-family: fontawesome;
        bottom     : 0;
        right      : 17px;
    }

    .thumbnail {
        padding-left: 0;
    }

    .owl-carousel .owl-item img {
        display: block;
        height : 258px;
        width  : 100%;
    }

    .slider::before {
        position   : absolute;
        content    : url("img/arrowl.png");
        font-family: fontawesome;
        left       : 7%;
        z-index    : 9999999999999999;
        top        : 288px;
    }

    .owl-nav {
        left  : 129px;
        bottom: -49px;
        right : 0;
    }

    .footer-menu ul li a {
        background: none;
    }
}

@media (max-width: 400px) {
    .modal-logo img {
        max-width: 100px;
    }
}

@media (max-width: 568px) {
    .nav-tabs .nav-link {
        padding: 4px 4px;
    }
    .fixed-add-to-cart {
        padding: 15px 13px;
    }

    .scroll-overlay-items {
        height: calc(92vh - (54px + 78px));
    }

    .woocmerce-items-list {
        height: 406px;
    }

    .food-baner h2 {
        font-size: 30px;
    }

    .food-baner p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    body {
        margin-bottom: 46px;
    }

    .woocmerce-items-list.no-footer {
    	height: calc(100vh - (63px + 79px));
    }
    
    .modal-logo {
    	margin-top: 12px;
    }

    .welcome-area h3 {
        font-size    : 40px;
        margin-bottom: -24px;
    }

    .welcome-area h2 {
        font-size    : 46px;
        margin-bottom: 18px;
    }

    .welcome-area h4 {
        font-size: 34px;
    }

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

    .overlay-extra-product-list {
        width: 100%;
    }

    .overlay-extra-product-list {
        top: 0;
    }

    .popup-section-bg::after {
        display: none;
    }

    .menu_page {
        padding: 10px 0;
    }

    .menu_page h1 {
        color    : #fff;
        padding  : 0 15px;
        margin   : 0;
        word-wrap: break-word;
        font-size: 40px;
    }

    .menu_page p {
        font-size     : 22px;
        font-weight   : 500;
        text-transform: none;
    }

    .content-block {
        padding   : 54px 0;
        color     : white;
        text-align: center;
    }

    .doya-roilo {
        background     : #e07945;
        color          : white;
        font-size      : 14px;
        text-decoration: none;
        line-height    : 28px;
        display        : inline-block;
        text-transform : uppercase;
        font-family    : "Gilroy", sans-serif;
        border-radius  : 4px;
        position       : relative;
        box-shadow     : 0 3px #c96836;
        align-items    : center;
        font-weight    : 600;
        justify-content: center;
    }

    .popup-section-bg {
        padding-top   : 24px;
        padding-bottom: 43px;
    }

    .content-block-2 img {
        float       : right;
        margin-right: 0;
        height      : 250px;
        width       : 100%;
        object-fit  : cover;
    }

    .pasta_img img {
        width     : 100%;
        height    : 200px;
        object-fit: cover;
    }

    .thumbnail {
        text-align: center;
        display   : block;
        margin    : 0 auto;
    }

    .overlay-extra-product-list {
        position: fixed;
        top     : 0;
        left    : 0;
        height  : 100vh;
        width   : 100vw;
    }

    .button--fixed {
        display: block !important;
    }

    .closed_notify {
        padding: 15px;
    }

    .closed_notify p {
        font-size      : 14px;
        margin-bottom  : 5px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .closed_notify button {
        font-size: 14px;
    }

    .closed_notify i {
        margin-right: 5px;
    }
}

@media (max-width: 992px) {
    .popup-section-bg .open-menu::after {
        display: none;
    }

    .order-modal-content {
        margin       : 0;
        max-width    : 980px;
        position     : fixed;
        top          : 0;
        height       : 100%;
        width        : 100%;
        bottom       : 0;
        border-radius: 0;
    }

    .woocmerce-items-list {
        height: calc(90vh - (55px + 80px));
    }

    .welcome-area h3 {
        font-size: 65px;
    }

    .welcome-area h2 {
        font-size: 54px;
    }

    .welcome-area h4 {
        font-size: 30px;
    }

    .welcome-area p {
     	font-size: 15px;
    	line-height: 35px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 810px;
    }

    .button--big--right {
        font-size: 16px;
    }
}

@media (min-width: 768.5px) {
    .navbar-nav li a {
        font-size: 16px;
    }

    .overlay-extra-product-list {
        transform: translateY(-50%);
    }



    .button--big--right {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .shop-status {
        position     : absolute;
        top          : 50%;
        left         : 40px;
        transform    : translateY(-50%);
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 40px;
    }
}