/*========================================================*/
/* RESPONSIVE */
/*========================================================*/
@media (max-width: 1600px) {
    /*home*/
    .testimonial-overlay h2 {
        font-size: 5.4rem;
        line-height: 6.4rem;
    }
    .testimonial h2 {
        font-size: 3rem;
    }
    .customer-review {
        font-size: 1.9rem;
    }
}
@media (max-width: 1440px) {
    /*home*/
    h3.hero-title {
        font-size: 8rem;
    }
    .about-info h2 {
        font-size: 9.3rem;
    }
    h3.about-title {
        font-size: 6.1rem;
    }
    .about-content-modal-container h3.about-title {
        font-size: 7.1rem;
        margin-bottom: 50px;
    }
    .about-text {
        margin-bottom: 80px;
    }
    .testimonial-container {
        padding-right: 30px;
    }
    .note-it-title {
        font-size: 6rem;
    }
    .note-it-title span {
        padding: 0 40px;
    }
    /*menu*/
    .select-menu-container li {
        max-width: 140px;
        font-size: 2rem;
    }
    .sit-in-menu-wrapper {
        padding-right: 10px;
    }
    /*community*/
    .blog-6 h2 {
        font-size: 6rem;
    }
    .blog-1 .content {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
    /*inner blog*/
    .blog-inner .left p,
    .blog-inner .left ul {
        font-size: 2.1rem;
    }
    /*contact*/
    .contact-wrapper h2 {
        font-size: 9rem;
        margin: 0 0 35px;
    }

    /*reservation*/
    .reservation-info {
        max-width: 990px;
    }
    .delivery-menu .select-menu-container li .sub-menu li a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 1366px) {
    /*community*/
    .blog-grid.flex-row {
        flex-wrap: wrap;
    }
    .blog-grid.flex-row.l-grid {
        display: none;
    }
    .blog-grid.flex-row.m-grid {
        display: flex;
    }
    .blog-grid.flex-row.m-grid .inner-column {
        flex-basis: calc(33.333% - 40px);
    }
    /*footer*/
    .info-col .footer-links > li > a,
    .info-col .footer-links > li {
        font-size: 1.5rem;
        line-height: 2.6rem;
    }
    .footer-newsletter h2 {
        font-size: 3rem;
        text-align: center;
    }
    /*home*/
    .hero-buttons {
        max-width: 500px;
    }
    .hero-buttons-icons svg,
    .hero-buttons-icons {
        width: 500px;
        height: 68px;
    }
    .about-text p {
        font-size: 2.6rem;
    }
    .testimonial-avatar {
        max-width: 75px;
        margin-right: 0;
    }
    .review-it-here {
        margin-left: 90px;
    }
    .testimonial-wrapper {
        margin: 15px 0 20px;
    }
    .customer-name {
        margin-top: 15px;
    }
    span.review-media-icon svg {
        width: 40px;
        height: 40px;
    }
    .testimonial-overlay p {
        font-size: 2.4rem;
    }
    .testimonial-arrow,
    .testimonial-arrow svg {
        width: 27px;
        height: 16px;
    }
    /*menu*/
    .sit-in-menu-list li {
        font-size: 1.5rem;
    }
}

@media (max-width: 1280px) {
    /*home*/
    .about-info h2 {
        font-size: 8.3rem;
    }
    h3.about-title {
        font-size: 5.1rem;
    }
    .about-content-modal-container h3.about-title {
        font-size: 6.1rem;
    }
    .close-icon,
    .close-icon svg {
        width: 60px;
        height: 60px;
    }
    /*footer*/
    .footer-container {
        padding: 65px 50px 45px;
    }
    .vertical-line {
        margin: 0 35px;
    }
    /*menu*/
    .menu-item-category h2.title {
        margin-left: 110px;
    }
    .food-note-list {
        max-width: 90px;
    }
    .food-note-list .food-note-icon {
        width: 39px;
        height: 39px;
    }
    .food-note-list li {
        width: 39px;
        height: 39px;
    }
    .food-note-list li:nth-child(even) {
        margin-left: 7px;
    }
    .sit-in-menu-holder-wrapper.flex-row {
        flex-basis: calc(100% - 110px);
    }
    /*contact*/
    .contact-wrapper h2 {
        font-size: 7.5rem;
    }
    .contact-found-us {
        font-size: 2.1rem;
    }
    .contact-hours {
        font-size: 2.1rem;
    }
    .contact-form input[type='submit'] {
        padding: 15px 10px;
        font-size: 2.1rem;
    }
}

@media (max-width: 1140px) {
    /*inner blog*/
    .blog-inside-title h1 {
        font-size: 4.4rem;
    }
    /*footer*/
    .fb-icon svg,
    .fb-icon,
    .insta-icon svg,
    .insta-icon,
    .tripadvisor-icon svg,
    .tripadvisor-icon,
    .google-icon svg,
    .google-icon {
        width: 38px;
        height: 38px;
    }
    .footer-social li {
        margin: 0 5px;
    }
    .newsletter-wrapper input[type='email'] {
        padding: 15px 25px;
    }
    .newsletter-wrapper input[type='email'],
    .newsletter-wrapper input[type='email']::placeholder {
        font-size: 1.8rem;
    }
    .newsletter-wrapper .newsletter-submit:before {
        width: 37px;
        height: 21px;
    }
    /*header*/
    .it-logo svg,
    .it-logo {
        width: 100px;
        height: 100px;
    }
    /*home*/
    h3.hero-title {
        font-size: 7rem;
    }
    .about-info h2 {
        font-size: 7.3rem;
    }
    h3.about-title {
        font-size: 4.1rem;
    }
    .about-content-modal-container h3.about-title {
        font-size: 5.1rem;
    }
    .about-link {
        padding-left: 4.552vw;
    }
    .about-slider {
        max-width: 360px;
    }
    .carousel-arrows .arrow-prev,
    .carousel-arrows .arrow-next {
        width: 65px;
        height: 65px;
    }
    .testimonial-container {
        align-items: flex-start;
    }
    .testimonial-container .left {
        margin-right: 0;
    }
    .testimonial h2 {
        font-size: 2.8rem;
    }
    .customer-review {
        font-size: 1.6rem;
    }
    .cards-container .flex-row a {
        flex-basis: calc(33.333% - 30px);
        margin: 0 15px;
    }
    /*contact*/
    .contact-wrapper h2 {
        font-size: 7rem;
    }
    /*cookie-notice*/
    #cn-close-notice {
        right: 8px;
        top: 10px;
        margin-top: 0;
    }
    #cookie-notice .cookie-notice-container {
        font-size: 1.4rem;
    }
    /*reservation*/
    .reservation-info {
        max-width: 800px;
    }
}

@media (max-width: 1024px) {
    /*header*/
    .custom-nav ul.menu > li {
        margin: 0 15px;
    }
    /*home*/
    .hero-buttons {
        max-width: 450px;
    }
    .hero-buttons-icons svg,
    .hero-buttons-icons {
        width: 450px;
        height: 60px;
    }
    h3.hero-title {
        font-size: 6rem;
        line-height: 6rem;
    }
    .about-text p {
        font-size: 2.2rem;
    }
    .note-it-title {
        font-size: 4.5rem;
    }
    /*community*/
    .blog-grid.flex-row.m-grid {
        display: none;
    }
    .blog-grid.flex-row.sm-grid {
        display: flex;
    }
    .blog-grid.flex-row.sm-grid .inner-column {
        flex-basis: calc(50% - 30px);
        margin: 0 15px;
    }
    .blog-post {
        margin: 0 auto 55px;
    }
    /*contact*/
    .contact-wrapper {
        padding: 0 0 160px 15px;
    }

    /* newsletter popup */
    .newsletter-popup-container {
        background-color: #0f3301;
        max-width: 90vw;
        max-height: 90vh;
        width: 100%;
        margin: 0 auto;
        padding: 90px;
    }
    .delivery-menu .stores-container.flex-row {
        flex-direction: column;
    }
    .delivery-menu .stores-container .store-container {
        width: 100%;
        padding: 0;
    }
}
.mobile-menu-list,
.restaurant-menu-mobile-placebo,
.sit-in-menu-carousel-wrapper-mobile {
    display: none;
}
@media (max-width: 991px) {
    /*header*/
    .header-wrapper.flex-row {
        padding: 25px;
    }
    .custom-nav ul.menu li + li {
        margin-left: 15px;
        margin-right: 0;
    }
    .custom-nav ul.menu li:first-child {
        margin-left: 0;
    }

    /*footer*/
    .footer-info.flex-row {
        margin-right: 15px;
    }
    .footer-newsletter {
        width: 100%;
        max-width: 265px;
        margin-left: 15px;
    }
    .footer-container {
        padding: 55px 40px 35px;
    }
    .vertical-line {
        margin: 0 15px 0 17px;
    }
    .footer-copyright {
        padding-top: 80px;
    }
    .info-col .footer-links > li > a,
    .info-col .footer-links > li {
        font-size: 1.3rem;
    }
    /*home*/
    body.modal-is-open #page {
        padding-right: 0;
    }
    .about .wrapper {
        padding: 0;
    }
    .about-info h2 {
        font-size: 6.3rem;
    }
    h3.about-title {
        font-size: 3.1rem;
    }
    .about-content-modal-container h3.about-title {
        font-size: 4.1rem;
    }
    .about-link {
        margin-bottom: 25px;
    }
    .about-slider {
        max-width: 280px;
    }
    .close-icon,
    .close-icon svg {
        width: 50px;
        height: 50px;
    }
    .testimonial-container.flex-row {
        flex-direction: column;
        padding-right: 0;
    }
    .testimonial-container .left {
        margin: 0 auto;
    }
    .testimonial-container .right {
        margin-left: 0;
        max-width: 100%;
        padding: 15px 35px;
    }
    .testimonial {
        max-width: 100%;
    }
    .flex-row.testimonial-arrow-place {
        flex-direction: column;
    }
    .testimonial-arrow svg {
        -moz-transform: rotate(-270deg);
        -o-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    /*sit in menu*/
    .restaurant-menu-container,
    .food-notes-info-container {
        padding: 0 40px;
    }
    .restaurant-menu-mobile.sticky + .restaurant-menu-mobile-placebo {
        display: block;
        width: 100%;
        height: 138px;
    }
    .sit-in-menu-container.flex-row {
        flex-direction: column;
    }
    .sit-in-menu-wrapper,
    .sit-in-menu-item-wrapper,
    .sit-in-menu-carousel-wrapper {
        width: 100%;
    }
    .sit-in-menu-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        margin: 25px auto 0;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    .sit-in-menu-wrapper {
        display: none;
    }
    .restaurant-menu-mobile {
        background-color: #fff;
        padding: 25px 0 0;
    }
    .restaurant-menu-mobile.sticky {
        position: fixed;
        top: 0;
        left: 50%;
        width: calc(100% - 40px);
        background-color: #fff;
        z-index: 9;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .sit-in-menu-list li {
        font-size: 1.3rem;
        margin: 0 17px 0 0;
        line-height: 1.6;
    }
    .sit-in-menu-list li:first-child {
        margin-left: 0;
    }
    .sit-in-menu-list li:last-child {
        margin-right: 0;
        margin-left: 0;
    }
    .sit-in-menu-list li.active:before {
        content: none;
    }
    .sit-in-menu-cta {
        display: none;
    }
    .sit-in-menu-item-wrapper {
        padding: 0;
    }

    .sit-in-menu-carousel-wrapper {
        display: none;
    }
    .sit-in-menu-carousel-wrapper-mobile {
        display: block;
        margin-top: 70px;
    }
    .sit-in-menu-carousel-wrapper-mobile .flex-row {
        margin: 0 -1.514vw;
    }
    .sit-in-menu-carousel-wrapper-mobile a {
        flex-basis: calc(100% / 3 - 3.027vw);
        margin: 0 1.514vw;
    }
    .sit-in-menu-carousel {
        position: relative;
        left: unset;
        top: unset;
        opacity: 1;
        visibility: visible;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        z-index: 0;
    }
    .food-notes-container h3 {
        margin-bottom: 55px;
    }
    .food-notes-info-row {
        margin: 0 auto;
    }
    .food-notes-info-row.flex-row {
        flex-wrap: wrap;
    }
    .food-notes-info-container .food-notes-col {
        padding: 0 0 50px;
        margin: 0 auto;
    }
    .food-notes-col.col-right {
        order: 1;
        padding-bottom: 0;
        flex-basis: 100%;
    }
    .food-notes-col.col-left {
        order: 2;
        flex-basis: 50%;
        padding-right: 25px;
    }
    .food-notes-col.col-center {
        order: 3;
        flex-basis: 50%;
        padding-left: 25px;
    }
    .food-notes-info-container {
        margin-bottom: 50px;
    }

    .delivery-link {
        display: none !important;
    }

    /*community*/
    .custom-popup h2,
    .newsletter-popup-container h2 {
        font-size: 4rem;
    }

    .share-btn.flex-row {
        flex-direction: column;
    }
    .inner-blog-share-icon {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .share-social a {
        font-size: 2.2rem;
    }
    .food-menu-note {
        margin: 10px 0 0;
        font-size: 16px;
    }
    .page-template-food-template .mobile-cta,
    .page-template-drinks-menu .mobile-cta,
    .page-template-brunch-menu .mobile-cta,
    .page-template-foodonthego-template .mobile-cta,
    .page-template-drinksonthego-template .mobile-cta,
    .page-template-delivery-where-template .mobile-cta{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        align-items: center;
        z-index: 99;
    }
    .mobile-cta a {
        flex-basis: 50%;
        text-align: center;
        background: #fff;
        padding: 20px;
        color: #0f3301;
        font-size: 2.6rem;
        border: 2px solid #0f3301;
    }
    .mobile-cta a:nth-of-type(1) {
        border-right-width: 1px;
    }
    .mobile-cta a:nth-of-type(2) {
        border-left-width: 1px;
    }
    .page-template-food-template .mobile-cta.on-the-go,
    .page-template-drinks-menu .mobile-cta.on-the-go,
    .page-template-brunch-menu .mobile-cta.on-the-go,
    .page-template-drinksonthego-template .mobile-cta,
    .page-template-foodonthego-template .mobile-cta,
    .page-template-delivery-where-template .mobile-cta {
        display: none;
    }
    .page-template-drinksonthego-template .mobile-cta.on-the-go,
    .page-template-foodonthego-template .mobile-cta.on-the-go,
    .page-template-delivery-where-template .mobile-cta.on-the-go{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}
.burger-menu,
.mobile-cta {
    display: none;
}
@media (max-width: 767px) {
    /*header*/
    .header-wrapper {
        align-items: center;
    }
    .site-header {
        position: relative;
        z-index: 999;
    }
    body.mobile-menu-is-open {
        overflow: hidden;
    }
    body.mobile-menu-is-open .header-wrapper.sticky-menu.flex-row .it-logo svg .st0,
    body.mobile-menu-is-open .header-wrapper.dark-menu .it-logo svg .st0 {
        fill: #fff;
    }
    body.mobile-menu-is-open .site-branding {
        position: relative;
        z-index: 9999;
    }
    body.mobile-menu-is-open .header-wrapper.sticky-menu.flex-row .custom-nav ul.menu > li > a,
    body.mobile-menu-is-open .header-wrapper.dark-menu .custom-nav ul.menu > li > a {
        color: #fff;
    }
    body.mobile-menu-is-open .header-wrapper.dark-menu .custom-nav ul.menu > li:hover > a {
        color: #231f20;
    }
    body.mobile-menu-is-open
        .header-wrapper.sticky-menu.flex-row
        .custom-nav
        ul.menu
        > li.lang-item
        > a,
    body.mobile-menu-is-open .header-wrapper.dark-menu .custom-nav ul.menu > li.lang-item > a {
        color: #231f20;
        background-color: #fff;
        border: 1px solid #fff;
    }
    .custom-nav {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #0f3301;
        z-index: 999;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }
    .custom-nav.active {
        left: 0;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }
    .custom-nav ul.menu {
        position: absolute;
        height: calc(100% - 220px);
        overflow-y: auto;
        max-height: 550px;
        left: 55px;
        top: 195px;
        width: calc(100% - 55px);
        opacity: 0;
        padding-bottom: 80px;
    }
    .custom-nav.active ul.menu {
        opacity: 1;
    }
    .custom-nav ul.menu > li {
        display: block;
        margin-bottom: 10px;
    }
    .custom-nav ul.menu > li:last-child {
        margin-top: 50px;
        position: absolute !important;
        top: -50px;
        right: 25px;
    }
    .custom-nav ul.menu li:first-child {
        margin-right: 0;
    }
    .custom-nav ul.menu li + li {
        margin-left: 0;
    }
    .custom-nav ul.menu > li > a {
        font-size: 3.6rem;
    }
    .header-wrapper .custom-nav ul.menu > li.lang-item > a {
        width: 55px;
        height: 55px;
        padding: 12px;
        font-size: 2rem;
    }
    .burger-menu {
        display: block;
        width: 45px;
        height: 30px;
        position: relative;
        z-index: 999;
    }
    .mobile-btn .line {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .dark-menu .mobile-btn .line {
        background-color: #0f3301;
    }
    .dark-menu .mobile-btn.active .line {
        background-color: #fff;
    }
    .mobile-btn .line + .line {
        margin-top: 10px;
    }
    .mobile-btn.active .line:nth-of-type(1) {
        top: 12px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile-btn.active .line:nth-of-type(3) {
        bottom: 14px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile-btn .line:nth-of-type(2) {
        width: 100%;
        -webkit-transition: width 0.2s ease 0.2s;
        -moz-transition: width 0.2s ease 0.2s;
        -o-transition: width 0.2s ease 0.2s;
        transition: width 0.2s ease 0.2s;
    }
    .mobile-btn.active .line:nth-of-type(2) {
        width: 0;
        -webkit-transition: width 0.1s ease;
        -moz-transition: width 0.1s ease;
        -o-transition: width 0.1s ease;
        transition: width 0.1s ease;
    }
    .header-wrapper.sticky-menu.flex-row {
        padding: 0;
    }

    .header-wrapper.sticky-menu.flex-row {
        padding: 10px 25px;
    }
    .header-wrapper.sticky-menu .burger-menu .line {
        background-color: #0f3301;
    }
    body.mobile-menu-is-open .header-wrapper.sticky-menu .burger-menu .line {
        background-color: #fff;
    }

    /*home*/
    .hero-item {
        height: 100vh;
    }
    .about.full-container {
        padding: 7.813vw 30px;
    }
    .about-info.flex-column {
        padding-left: 30px;
    }
    .about-info h2 {
        font-size: 5.3rem;
        margin-bottom: 25px;
    }
    h3.about-title {
        font-size: 2.1rem;
        letter-spacing: 0.2rem;
    }
    .about-title-icon,
    .about-title-icon svg {
        width: 23px;
        height: 56px;
    }
    .about-content-modal-container h3.about-title {
        font-size: 3.1rem;
        padding-right: 35px;
        margin-bottom: 25px;
    }
    .about .wrapper {
        flex-direction: column;
    }
    .about-slider {
        align-self: flex-end;
        padding-right: 30px;
    }
    .about-content-modal-container {
        padding: 30px;
        max-height: calc(100vh - 80px);
        overflow-y: hidden;
        padding-bottom: 70px;
    }
    .about-text {
        margin-bottom: 0;
        max-height: calc(100vh - 280px);
        overflow-y: auto;
        padding: 0 20px;
    }
    .about-text p {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    .about-text p:last-child {
        margin-bottom: 0;
    }
    .custom-popup .close-modal,
    .close-modal {
        top: 20px;
        right: 20px;
    }
    .custom-popup .close-icon,
    .custom-popup .close-icon svg,
    .close-icon,
    .close-icon svg {
        width: 40px;
        height: 40px;
    }
    .home-carousel-item {
        height: 80vh;
    }
    .home-carousel-container:before {
        background-image: url('/wp-content/themes/itrestaurant/css/icons/pattern.svg');
    }
    .about-slider {
        display: none;
    }
    a.cta-company {
        top: 30%;
    }
    h3.hero-title {
        font-size: 5.5rem;
        line-height: 1;
        padding: 0 15px;
    }
    .hero-buttons {
        display: none;
    }
    .carousel-arrows.flex-row {
        padding: 0 25px;
    }
    .testimonial-container {
        margin-top: 50px;
    }
    .testimonial-overlay {
        width: 80%;
        height: 80%;
    }
    .testimonial-overlay h2 {
        font-size: 3.2rem;
        line-height: 1.2;
    }
    .testimonial-wrapper.flex-row,
    .customer_link {
        flex-direction: column;
    }
    .testimonial {
        margin-left: 0;
    }
    .review-it-here {
        justify-content: space-between;
        margin: 70px 0;
    }
    .review-media {
        margin-left: 5px;
    }
    .cards-container {
        margin: 0 0 80px;
    }
    .cards-container .slick-track {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 30px 0;
    }
    .cards-container .flex-row a {
        flex-basis: calc(33.333% - 80px);
        margin: 0 40px;
    }
    .cards-container .slick-dots {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .cards-container .slick-dots li {
        line-height: 0;
    }
    .cards-container .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 0 5px;
        background-color: #0f3301;
        border: 2px solid #0f3301;
        cursor: pointer;
    }
    .cards-container .slick-dots li.slick-active button {
        background-color: transparent;
    }
    .card-overlay {
        display: block;
        position: relative;
        bottom: unset;
        left: unset;
        background: transparent;
        z-index: unset;
        width: 100%;
        height: auto;
    }
    .card-overlay::before {
        content: url('/wp-content/themes/itrestaurant/css/icons/pattern.svg');
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 97px;
        height: 47px;
        margin: 20px auto 0;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        transform: unset;
    }
    .card-overlay::after {
        content: none;
    }
    .card-overlay h2 {
        font-size: 3rem;
    }
    .card-overlay h2 br {
        display: none;
    }
    .card:hover .card-overlay {
        display: unset;
    }
    /*inner blog*/
    .blog-inner.flex-row {
        flex-direction: column;
    }
    .blog-inside-title h1 {
        font-size: 3.6rem;
    }
    .blog-inside-title {
        margin-bottom: 35px;
    }
    .blog-inner .right {
        order: 1;
        margin: 0;
    }
    .blog-inner .left {
        order: 2;
        margin: 0;
    }
    .blog-inner .slick-dots {
        margin: 30px 0;
    }
    .inner-blog-share {
        padding: 50px 0 0;
    }
    /*footer*/
    .footer-info.flex-row {
        margin-right: 0;
    }
    .footer-newsletter {
        margin-left: 0;
        padding-top: 35px;
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-newsletter .info-col {
        margin: 0 0 40px;
    }
    .footer-wrapper.flex-row {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .vertical-line {
        margin: 0 60px 0 85px;
        height: auto;
    }
    .footer-newsletter {
        max-width: 350px;
    }
    .site-footer {
        padding-bottom: 80px;
    }
    .delivery-link {
        bottom: 95px;
        right: 25px;
    }
    .delivery-button .delivery-icon,
    .delivery-button .delivery-icon svg {
        width: 97px;
        height: 90px;
    }

    .mobile-cta {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        align-items: center;
        z-index: 99;
    }
    .mobile-cta a {
        flex-basis: 50%;
        text-align: center;
        background: #fff;
        padding: 20px;
        color: #0f3301 !important;
        font-size: 2.6rem;
        border: 2px solid #0f3301;
    }
    .mobile-cta a:nth-of-type(1) {
        border-right-width: 1px;
    }
    .mobile-cta a:nth-of-type(2) {
        border-left-width: 1px;
    }

    /*contact*/
    .contact-wrapper h2 {
        font-size: 5.5rem;
        margin: 0 0 15px;
    }
    .contact-wrapper .flex-row {
        flex-direction: column;
    }
    .contact-information {
        margin-right: 0;
    }
    .contact-social {
        padding: 20px 0;
    }
    .contact-hours h4 {
        padding-bottom: 0;
    }
    .contact-form {
        max-width: 450px;
        padding-top: 50px;
    }
    .contact-form textarea::placeholder {
        font-size: 2.8rem;
    }
    a.cta-company {
        font-size: 1.5rem;
    }
    .contact-wrapper {
        padding: 0 0 100px;
    }
    .contact-us .cta-company {
        right: 47px;
    }
    .contact-form:before {
        background-image: url('/wp-content/themes/itrestaurant/css/icons/pattern.svg');
        object-fit: contain;
    }
    .contact-form textarea {
        background-image: url('../css/icons/small-pencil.svg');
        background-size: 18px 18px;
        background-repeat: no-repeat;
        background-position: 150px 1rem;
    }
    /*community*/
    .blog-3 h2 {
        font-size: 2.8rem;
        line-height: 1.2;
    }
    .blog-post h2 {
        font-size: 2.8rem;
    }
    h3.community_post_date {
        margin: 20px 0;
    }
    .blog-6 h2.thin-font {
        font-size: 5.2rem;
    }
    .blog-post:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: rgba(194, 163, 114, 0.6);
        display: block;
        margin-top: 50px;
    }
    /*.error-404*/
    .error-404 h1 {
        font-size: 10rem;
    }
    .error-404 p {
        font-size: 2rem;
    }

    /*reservation*/
    .reservation-info h3 {
        font-size: 4.3rem;
    }
    .reservation-info p {
        font-size: 1.9rem;
    }
    .page-template-delivery-why-template .reservation-info p {
        font-size: 1.9rem;
    }
    .reservation-info h5 {
        font-size: 2.1rem;
    }
    .reservation-wrapper {
        padding: 150px 35px;
    }
    /* newsletter popup */
    .newsletter-popup-container {
        background-color: #0f3301;
        max-width: 90vw;
        max-height: 90vh;
        width: 100%;
        margin: 0 auto;
        padding: 60px;
    }
    .custom-popup .additional,
    .newsletter-popup-wrapper {
        padding: 40px;
    }
    .custom-popup h2,
    .newsletter-popup-container h2 {
        font-size: 3rem;
        margin-bottom: 20px;
    }
    .custom-popup p,
    .newsletter-popup-container p {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    .custom-popup a.popup_btn {
        padding: 12px 20px;
        font-size: 1.7rem;
        margin: 30px auto;
    }
    .custom-popup a.popup_img_btn {
        padding: 12px 20px;
        font-size: 1.7rem;
    }
    .custom-popup img {
        padding-top: 60px;
        max-height: 75vh;
    }
    .custom-popup .white-button .close-icon svg {
        fill: #0f3301;
    }
    .custom-popup .additional + .white-button .close-icon svg {
        fill: #ffffff;
    }
    .custom-popup img.btn-under-img {
        max-height: calc(75vh - 100px);
    }
    .footer-newsletter-wrapper {
        flex-direction: column;
    }
    .footer-newsletter-wrapper .vertical-line {
        margin: 35px 0;
        width: 100%;
        height: 1px;
        display: none;
    }
    .copyright{
        flex-direction: column;
        text-align: center;
    }
    .reservation-content-modal-container:after{
        background-repeat:no-repeat;
    }
    .page-template-reservations-template .header-wrapper.light-menu .custom-nav ul.menu > li > a {
        color: #fff;
    }
    .cards-container .flex-row {
        flex-direction: column;
    }
    .hero-item {
        background-size: cover;
        max-width: 100% !important;
        width: 100% !important;
        height: 50vh !important;
    }
}

@media (max-width: 640px) {
    /*community*/
    .blog-grid.flex-row.sm-grid {
        margin: 0;
    }
    .blog-grid.flex-row.sm-grid .inner-column {
        flex-basis: 100%;
        margin: 0;
    }
    .footer-info.flex-row {
        flex-direction: column;
    }
    .vertical-line {
        margin-bottom: 50px;
        margin-top: 100px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: 1px;
    }

    /*homepage*/
    .home-carousel-item {
        height: 480px;
    }
    .about-content-modal-container:after {
        background-image: url('/wp-content/themes/itrestaurant/css/icons/patterngreen.svg');
        background-repeat: no-repeat;
    }
    /*reservation*/
    .reservation-info p {
        font-size: 1.4rem;
    }
    /*sit in menu*/
    .restaurant-menu-container {
        padding: 0 30px;
    }
    .select-menu-container li {
        font-size: 2rem;
        max-width: 25%;
    }
    .sit-in-menu-list {
        justify-content: flex-start;
        max-width: 510px;
    }
    .food-note-list {
        max-width: unset;
        flex-basis: 100%;
        order: 1;
        justify-content: flex-start;
        margin-top: 5px;
    }
    .sit-in-menu-item-row {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 5px;
    }
    .sit-in-menu-holder-wrapper.flex-row {
        flex-basis: 100%;
    }
    .menu-item-category h2.title {
        margin-left: 0;
        font-size: 2.2rem;
        padding-top: 25px;
    }
    .delivery-menu .stores-container .store-container h2 {
        font-size: 3.6rem;
    }
    .sit-in-menu-item {
        padding-right: 5px;
    }
    .menu-item-price {
        padding-left: 5px;
        min-width: 125px;
        text-align: right;
    }
    .delivery-menu .stores-container .store-container .store-info,
    .sit-in-menu-item .title,
    p.menu_category_note {
        font-size: 1.5rem;
    }
    .menu-item-price .price {
        font-size: 2rem;
    }
    .food-notes-container h3 span {
        padding: 0 45px;
    }
    .food-notes-container h3 {
        margin-bottom: 35px;
        font-size: 3rem;
    }
    .food-notes-col.col-left,
    .food-notes-col.col-center {
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .food-note-icon {
        width: 60px;
        height: 60px;
    }
    .food-notes-col.col-right {
        padding-bottom: 30px;
    }
    .food-notes-info-container p {
        font-size: 1.8rem;
    }
    .food-note-symbol .text {
        font-size: 1.2rem;
    }
    .food-note-symbol {
        margin-bottom: 30px;
    }
    .custom-popup h2,
    .newsletter-popup-container h2 {
        font-size: 2.7rem;
        margin-bottom: 10px;
    }
    .delivery-menu .select-menu-container li .sub-menu {
        left: -2px;
    }
    .delivery-menu .select-menu-container li .sub-menu li a {
        padding-left: 12px;
        padding-right: 13px;
    }
    .footer-newsletter {
        padding-top: 0;
    }
    .footer-wrapper.flex-row {
        flex-direction: column;
    }
    .footer-newsletter-wrapper .vertical-line {
        display: block;
    }
}
@media (max-width: 480px) {
    .custom-popup h2,
    .newsletter-popup-container h2 {
        font-size: 2.5rem;
    }

    .newsletter-popup-container {
        padding: 0px;
    }
    .custom-popup .additional,
    .newsletter-popup-wrapper {
        border: unset;
        padding: 50px;
    }
    .page-template-delivery-why-template .reservation-info {
        padding: 60px 0;
    }
}

@media (max-width: 421px) {
    /*sit-in-menu-item*/
    .sit-in-menu-item .title,
    p.menu_category_note,
    .menu-item-price .price,
    .sit-in-menu-item .description {
        font-size: 1.5rem;
    }
    .select-menu-container li a {
        padding: 5px 0;
    }

    /*community*/
    .share-social.show-social {
        flex-direction: column;
        margin-top: 40px;
    }
    /*Contact*/
    .contact-hours {
        font-size: 1.7rem;
    }
    .contact-found-us {
        font-size: 1.7rem;
    }
    .select-menu-container li {
        font-size: 1.5rem;
    }
    .delivery-menu .stores-container .store-container .store-info {
        font-size: 1.9rem;
    }
    .page-template-delivery-how-template .delivery-menu .stores-container .store-container .store-info ul.how-phones li a {
        display: block;
    }
}
@media (max-width: 380px) {
    /*sit-in-menu-item*/
    .sit-in-menu-item .title,
    .menu-item-price .price,
    .sit-in-menu-item .description,
    p.menu_category_note {
        font-size: 1.5rem;
    }
    .menu-item-category h2.title {
        font-size: 2rem;
    }
    .info-col .footer-links > li > a,
    .info-col .footer-links > li {
        font-size: 1.4rem;
    }
    .delivery-menu .stores-container .store-container h2 {
        font-size: 3.4rem;
    }
    .delivery-menu .stores-container .store-container .store-info {
        font-size: 1.7rem;
    }
}
@media (max-width: 375px) {
    /*homepage*/
    .home-carousel-item {
        height: 320px;
    }
    .custom-nav ul.menu {
        height: calc(100% - 170px);
        top: 165px;
        left: 45px;
    }
    .custom-nav ul.menu > li > a {
        font-size: 3rem;
    }
    .header-wrapper .custom-nav ul.menu > li.lang-item > a {
        width: 50px;
        height: 50px;
        padding: 12px;
        font-size: 1.8rem;
    }
    /*reservation*/
    .reservation-info p {
        font-size: 1.1rem;
    }
    /*Contact*/
    .contact-hours {
        font-size: 1.4rem;
    }
    .contact-found-us {
        font-size: 1.4rem;
    }
    .custom-nav ul.menu > li:last-child {
        right: 12px;
    }
}
@media (max-width: 350px) {
    /*sit-in-menu-item*/
    .sit-in-menu-item .title,
    .menu-item-price .price,
    .sit-in-menu-item .description,
    p.menu_category_note {
        font-size: 1.5rem;
    }
    .food-notes-info-container p {
        font-size: 1.6rem;
    }
}
@media (max-width: 320px) {
    .custom-nav ul.menu {
        height: calc(100% - 170px);
        top: 160px;
    }
    .custom-nav ul.menu > li {
        margin-bottom: 15px;
    }
    /*sit-in-menu-item*/
    .select-menu-container li {
        font-size: 1.5rem;
    }
    .sit-in-menu-item .title,
    .menu-item-price .price,
    .sit-in-menu-item .description,
    p.menu_category_note {
        font-size: 1.5rem;
    }
}

/*responsive height*/
@media (max-height: 720px) {
    .custom-nav ul.menu > li:last-child {
        position: unset;
    }
}

@media (max-height: 375px) {
    .custom-nav ul.menu {
        height: calc(100% - 170px);
        top: 120px;
    }
    .custom-nav ul.menu > li {
        margin-bottom: 15px;
    }
}