/*
Theme Name: DiFood
Theme URL: owl-themes.net
Author: Owl-themes
Author URL: https://themeforest.net/user/owl-themes
Description: DiFood - Restaurant And Cafe HTML template
Version: 1.0
*/

.test {position: fixed; color: red; font-weight: bold; z-index: 9999;}

@media only screen and (min-width: 1200px){
    .test:after  { content: '@media (min-width: 1200px) >>>';} 
    .section_menu .read_more a {margin-top: 20px;}
}

@media only screen and (max-width: 1366px){
     .test:after  { content: '@media (max-width: 1366px)';}   
    .section_menu .flexdirection .button_white {margin-top: 5px;}
    .section_menu .yoga, .section_menu .read_more a {margin-top: 10px;}
    .section_menu .yoga {font-size: 14px; line-height: 20px;padding: 10px 0; }
}

@media only screen and (max-width: 1280px){
     .test:after  { content: '@media (max-width: 1280px)';}   
    .section_menu .grid_title {font-size: 55px;}
    .section_menu .food_day {font-size: 18px;}
}

@media only screen and (max-width: 1024px){
    .test:after  { content: '@media (max-width: 1024px)';}  
    .section_menu .grid_title {font-size: 44px;}
    .section_menu .yoga {font-size: 13px; line-height: 18px;}
    .section_menu .food_day {margin-top: 0;font-size: 16px;}
    .section_menu .grid_title {margin-top: 2.3%;}
    .section_menu .read_more a {padding: 5px 20px;font-size: 13px;}
    .menu_items {padding: 0 20px;}
    .header_top .reservation_button .button_white {padding: 12px 43px!important;}
    .flexnav>li {margin: 0!important;}
    .menu_items .menu_post {width: 75%;}    
    header {position: relative; background: #2B2B2B;}
    .text_block .slogan_head {margin-top: 0!important;}
    .cook .cook_block_r, .cook .cook_block_l {padding: 30px 80px;}
    .container_left_menu.open {text-align: center;}
    .container_left_menu .dl-menuwrapper {text-align: left;}  
    main .button , main button, main .button_white {font-size: 13px!important;font-weight: 700!important;padding: 7px 20px!important;}
    figure.effect-chico .sill {font-size: 64px;}
    figure.effect-chico .sill sup {font-size: 24px;}
    .menu_block .tl-content {top: 52%;}
    .our_gallery .portfolio-items .part_line {margin: 5px 0;}
    .our_gallery .part_cat {font-size: 32px;}
    .subscribe_block_input .button_white {padding:20px!important;}
    .latest_blog .center .button::after {display: none!important;}
} 


@media only screen and (max-width: 980px){
    .test:after  { content: '@media (max-width: 980px)';}  
    .hidden_desktop {display: block;}
    .section_menu .yoga, .section_menu .read_more a{margin-top: 40px;font-size: 14px;}
    .section_menu .yoga {padding: 30px 0; font-size: 16px;line-height: 20px;}
    .section_menu .grid_title {font-size: 55px;}
    .dish_caption{padding: 10%;}
    .section_menu .row-flex {display: block;}
    .section_menu .sect .row-flex {display: flex;}
    .our_gallery .part_cat {font-size: 30px;}
    .menu_items .button {margin-top: 5px;}
    .our_gallery .portfolio-items .part_line {height: 16px;font-size: 16px; margin: 10px auto;}
    .pading_block , .section_review .container-fluid , .reservation_wraper .reservation_box , .latest_blog .container-fluid    {padding: 60px 0;min-height: auto;}
    .dish_day {padding: 60px 40px;} 
    .subscribe_block .subscribe_block_vn {padding: 60px 30px;}
    .dish_day .center {margin-top: 60px;}
     .header_top .reservation_button .button_white {padding: 12px 43px 11px 43px!important;}
    .text_block .top_short_title {margin: 30px 0 15px 0;}
    .dish_day , .reservation_box ,.pading_block {min-height: auto;}
    .dessert_design #site-header, .dessert_design .flexnav {background: #ffffff;}
    .container_left_menu {overflow-x: hidden;overflow-y: auto; right: -360px; }  
    .dessert_design .menu-button {color: #272727;} 
    .latest_blog .sect {padding: 0px 19px 40px 19px;}
    .cook .cook_block_r, .cook .cook_block_l {padding: 30px 60px;}
}

@media only screen and (max-width: 820px){
    .test:after  { content: '@media (max-width: 820px)';} 
    .header_top .header_top_text {line-height: 18px;margin-top: 5px; padding:0 20px;}
    .header_top .follow_us {line-height: 23px }
    .header_top .follow_us .list-inline {margin-right: 0;}
    .flexnav.show {position: absolute;}
    #site-header .row-flex {display: block;} 
    .menu_block .tl-item {float: left; width: 50%;}
    .our_gallery .portfolio-sorting li a , #menu_tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor{font-size: 32px;}
    .our_gallery .list-inline > li {padding: 0 20px;}
    .menu_items .post_detail.menu_excerpt {display: none;}
    .section_title h3 {font-size: 38px;}
    .latest_blog .news_block .news_title {font-size: 14px;margin-top: 5px;}
    .latest_blog .news_block .date {font-size: 12px;}
    .latest_blog .news_block .news_title::after {margin: 5px auto 0;}
    .our_gallery .part_cat, .our_gallery .portfolio-items .part_line {display: none;}
    .subscribe_block h4 {font-size: 28px;}
    .subscribe_block_l {padding-right: 20px;}
    .subscribe_block_vn .row-flex {display: block;}
    footer .container {padding: 0px 30px 0px 30px;}
    .subscribe_block_vn .row-flex {display: block;}
    .latest_blog .news_block .button_white {font-size: 12px;font-weight: 700;padding: 7px 15px;}
    .section_menu .read_more a {padding: 15px 40px;font-size: 16px;}
    .flexnav.opacity {display: none!important;}
    .flexnav.flexnav-show {display: block!important;}
    .menu-button .touch-button {display: none!important;}
    .menu-button i {margin-right: 5px;}
    .menu-button {text-transform: uppercase;text-align: center;}
    .flexnav.flexnav-show {border: none; position: absolute; background: #303030; text-align: left;}
    .dessert_design .flexnav.flexnav-show { background: white;}
    .menu {position: relative;}
    .flexnav li ul li a {padding: 10px 15px 10px 25px;}
    .flexnav ul li ul li a {padding: 10px 15px 10px 35px;} 
    .flexnav {z-index: 99999999;} 
    .menu_items .menu_image {float: none; margin: 0 auto 10px auto;padding: 0;}
    .menu_items .menu_post {width: 100%;}
    .menu_items .menu_content_classic .menu_dots {display: none;}
    .menu_items .menu_content_classic .menu_price, .menu_items .menu_order {float: none; margin: 5px auto 0 auto;padding: 0; width: 100%;  text-align: center;}
    .menu_items .menu_content_classic .menu_title {display: block; width: 100%; text-align: center;}
    .view_menu .button_white {margin-top: 20px;}
    .view_menu {padding: 0 0 20px 0;}
    .subscribe_block .cook_block_text4 {display: none;}  
}
 
@media only screen and (max-width: 767px){
    .test:after  { content: '@media (max-width: 767px)';}   
    h1, .h1{font-size:40px;}
    h2, .h2{font-size:32px;}
    h3, .h3{font-size:28px;}
    h4, .h4{font-size:24px;}
    h5, .h5{font-size:22px;}
    h6, .h6{font-size:20px;}
    .header_top .reservation_button {text-align: center; margin: 10px 0;}
    #site-header {background: #141414;} 
    header {position: relative;border-bottom: none;}
    .text_block h1 span {font-size: 30px;}
    .header_top .follow_us {line-height: 23px; margin-top: 10px;}
    .menu_items .menu_post {text-align: left;}
    .text_block .slogan_head, .text_block .slogan_button {margin-top: 20px;}
    .text_block h1 {line-height: 1.1;}
    .text_block .top_short_title {margin: 15px 0 15px 0;}
    .section_review .owl-nav .owl-next {right:22%;}
    .section_review .owl-nav .owl-prev {left:22%;}
    .latest_blog .news_block .news_title {font-size: 18px;line-height: 1.2;} 
    .section_menu .yoga {  padding: 20px 0;}
    .section_menu .yoga, .section_menu .read_more a {margin-top: 20px;} 
    .dish_day h4 {margin: 10px 0;}
    .container_left_menu {overflow-x: hidden;overflow-y: auto; padding: 20px 40px 20px 40px; right: -100%; width: 100%;} 
    footer {position: relative; z-index: 9999;padding: 50px 0 45px 0;}
    footer .footer_contact {text-align: right;}
    footer .footer_contact .footer_contact_row {margin-bottom: 20px; margin-top: 0px;}
    .top_short_title_text {width: 260px;}
    .menu_items .button {padding: 2px 10px 1px 10px;}
    #site-header.fixed {position: relative;} 
    .header_top .header_top_text {margin-top: 10px;line-height: 23px;}
    .container {width: 97%;} 
    .reserv_submit_wrap {margin-top: 0;} 
    .header_phone {border-right: none;}
    .menu_items .menu_image {width: 150px;}
    .news_block {padding-bottom: 25px;}
    .cook_block_text {font-size: 40px;}
    .header_top .reservation_button .button_white {padding: 12px 23px 11px 23px!important;}
    .subscribe_block_input input {width: 66%;padding: 15px;}
    .subscribe_block_input .button_white {padding: 16px 5px!important;width: 34%;} 
    .subscribe_block_input {padding-left: 0; margin-top: 20px;}
    .popular_posts h4 {display: none;}
    .subscribe_block .subscribe_block_l {padding-right: 30px;}
    .subscribe_block .ale-insta-feed li {width: 49.333%;}
    .button::after , button::after, .button_white::after {display: none!important;} 
    .menu_block .tl-year {top: 27%;}
    .menu_block .tl-content {top: 34%;} 
    .interactive {display: none!important;}
    #map {height: 300px;}
    .fon_l_bg {background-size: cover!important;}
    .jarallax {background-attachment: inherit;}
    .menu_items .menu_content_classic .menu_price , .menu_items .menu_content_classic .menu_title{background: none;}
}

@media only screen and (max-width: 600px){
    .test:after  { content: '@media (max-width: 600px)';}  
    h1, .h1{font-size:30px;}
    h2, .h2{font-size:26px;}
    h3, .h3{font-size:22px;}
    h4, .h4{font-size:20px;}
    h5, .h5{font-size:18px;}
    h6, .h6{font-size:16px;}
    .top_short_title_text {width: 200px;}
    .section_menu .yoga {padding: 10px 0;}
    .section_menu .grid_title {font-size: 50px;}
    .our_gallery .portfolio-sorting li a, #menu_tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {font-size: 30px;}
    .our_gallery .list-inline > li {padding: 0 15px;}
    .section_menu .yoga, .section_menu .read_more a {margin-top: 10px;}
    .dish_day h4 {font-size: 20px;}
    .auto_heading {min-height: 350px;}
    .text_block .slogan_head {margin-top: 0;}  
    footer .footer_logo {margin-top: 20px;}
    .text_block .top_short_title_line_r:before , .text_block .top_short_title_line_l:before {width: 50px;}
    .text_block .top_short_title_line_r , .text_block .top_short_title_line_l {width: 75px;}
    .section_menu .yoga {font-size: 14px;}
    .latest_blog .center .button_white, .view_menu .button_white {padding-bottom: 7px; padding-right: 55px;}
    .latest_blog .center .button_white::after, .view_menu .button_white::after {top: 22%;} 
    .search_button .search_form {right: -100%;} 
    .dessert_design .section_menu figure.effect-chico .dessert_design_title {opacity: 1!important; }
    .section_menu figure.effect-chico .sill, .section_menu .sect figcaption a {opacity: 1!important; }
    .section_menu figure.effect-chico figcaption::before  {opacity: 1!important; -webkit-transform: scale(1)!important;  transform: scale(1)!important;}
    .section_menu .sect figcaption {background: rgba(13, 13, 13, 0.50)!important;} 
    .section_menu .tl-item .tl-content {opacity: 1;} 
    .section_menu .tl-item:before {opacity: 1;-webkit-transform: translate3d(0, 0, 0) translateY(0);transform: translate3d(0, 0, 0) translateY(0);-webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;transition: opacity 1s ease, transform 1s ease 0.25s;transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;}
    figure.effect-chico a, figure.effect-chico figcaption::before, figure.effect-chico h2, figure.effect-chico p {opacity: 1!important;} 
    .latest_blog figcaption {background: rgba(13, 13, 13, 0.50)!important;}
    .header_top .header_top_text {margin-top: 16px;}
    .header_top .reservation_button .button_white {display: block; text-align: center; padding: 10px 5px!important;} 
    footer .footer_contact .footer_contact_row {margin-bottom: 20px; margin-top: 20px;}
    footer .footer_contact h5, footer .footer_menu h5 {text-align: center;}
    .text_block h1 {margin-bottom: 20px;}
    .text_block h2 {font-size: 16px;}
    .menu-button {margin: 20px 0;} 
    .latest_blog .center .button {padding: 7px 65px 7px 30px;} 
    .menu_block .tl-item:before {background: -webkit-linear-gradient(top, transparent 0%, #272727 95%);background: linear-gradient(to bottom, transparent 0%, #272727 95%);}
    .cook .cook_block_r, .cook .cook_block_l {padding: 30px;}
    .subscribe_block_input .button_white {padding: 16px 5px!important;}
}

@media only screen and (max-width: 568px){
    .test:after  { content: '@media (max-width: 568px)';}  
    .content {padding: 0;}
    article, aside, footer, header, nav, section {width: 100%;}
    .search_button , .header_phone {width: 50%;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .logo , .menu {width: 100%;text-align: center;}
    .logo {padding: 0; margin-top: 30px; min-height: auto;}
    .logo a {display: inline-block; min-height: auto;} 
    .flexnav.show {background: #1B1B1B; z-index: 9999;}
    .dessert_design .flexnav.show {background: #ffffff; z-index: 9999;}
    .text_block .top_short_title {margin: 30px 0;}
    .text_block .slogan_head {margin-top: 0px;}
    .text_block .slogan_button  {margin-top: 30px;}
    .owl-nav {top: 5%;}
    .section_menu .yoga {font-size: 16px;}
    .ful_width {width: 100%; } 
    .dish_day .block_flex {text-align: center;}
    .sect .grid_capt {padding: 30px ;}
    .section_menu .sect .row-flex {display: block;}
    .menu_block .tl-item {width: 100%;}
    .our_gallery .portfolio-sorting li a {padding: 0 0 5px 0;} 
    .our_gallery .portfolio-sorting li {margin-bottom: 10px;}
    .section_menu .yoga, .section_menu .read_more a {margin-top: 20px; } 
    .section_menu .yoga {padding: 20px 0;}
    .our_gallery .portfolio-sorting { padding: 40px 0 20px 0;}
    .menu_items , #menu_tabs .ui-widget-content {padding: 0 10px;}
    .latest_blog .sect {padding:0; max-width: 295px; margin: 0 auto 30px auto;}
    .dish_day h4 {text-align: center;}
    .latest_blog .news_block {display: block; width: 100%; }
    .latest_blog .news_block:last-child {margin-bottom: 0;}
    .cd-horizontal-timeline .events-wrapper {max-width: 78%!important;}
    .dish_day .dish_day_r_block {padding-left: 0; text-align: center; margin-top: 30px;}
    .latest_blog .center .button_white {margin-top: 60px;}
    .section_review .owl-nav .owl-next {right:0px;font-size: 70px; top: 20px;}
    .section_review .owl-nav .owl-prev {left:0px;font-size: 70px; top: 20px;}
    .section_review {padding: 0;}
    .pading_block, .section_review .container-fluid, .reservation_wraper .reservation_box, .latest_blog .container-fluid {padding: 60px 20px;}
    .latest_blog .row-flex, #dish_day .row-flex {display: block;} 
    .sect {width: 100%;} 
    .reserv_input_wrap .time_submit_center {min-width: 100%;}
    .reserv_input_wrap .time_submit  {float: none; width: 100%; text-align: center;}
    .reserv_input_wrap .timeright {float: none; width: 100%; text-align: center; margin-top: 15px;}
    .menu_items .menu_content_classic:last-child {margin-bottom: 40px;}
    .pading_block {padding: 60px 20px 20px 20px;}
    .header_top .reservation_button .button_white {display: inline-block; padding: 10px 20px!important;}
    footer .footer_contact {text-align: center;}
    .popular_posts h4 {display: block;}
    .subscribe_block .subscribe_block_l {padding-right: 0px;margin-bottom: 50px;}
    .subscribe_block .ale-insta-feed li {width: 33.333%;}
    .subscribe_block .cook_block_text4 {display: block; margin-top: 30px; font-size: 30px; margin-bottom: 0;}  
    select {margin-bottom: 0;}
    .reservation_box .reservation_form .button {margin-top: 25px;}
    footer .menu_wraper {text-align: center;}
    .cook_image {min-height: 250px;}
    .subscribe_block_vn h4, .header_top .follow_us {text-align: center;}   
    .logo a { min-height: auto;} 
    .auto_heading { height: 60vh;}
    .slideshow .owl-nav {display: none!important;}
    .header_top .header_top_text {margin-top: 5px;}
    .search_button ,.header_phone {line-height: 40px;}
    .search_button a, .header_phone a {min-height: 40px;}
    .dessert_design .menu-button {margin: 20px 0 0 0;}
}

@media only screen  and (max-width: 480px) {
    .test:after  { content: '@media (max-width: 480px)';} 

}

@media only screen  and (max-width: 340px) {
    .test:after  { content: '@media (max-width: 340px)';}  
    .subscribe_block_input input {width: 67%;}
    .top_short_title_text{ font-size: 16px; width: 140px;}
    .slideshow .owl-nav div {font-size: 14px;}
    .cd-horizontal-timeline .events-wrapper {max-width: 85%!important;}
    .menu_items, #menu_tabs .ui-widget-content {padding: 0;}
    .subscribe_block_input .button_white, .subscribe_block_input input {font-size: 12px!important;}
    .container_left_menu .footer_item_social ul li {width: 60px;}
}}