@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/

/* 1. Mobile responsive css 767px
-----------------------------------*/
@media (max-width:767px) {
    body{min-width: inherit;}
    /* default  */
    img{max-width: 100%; height: auto;}
    h1{font-size: 19px;}
    h2{font-size: 19px;}
    h3{font-size: 16px;}
    h4{}
    h5{}
    h6{}
    p{font-size: 15px; line-height: 23px; }
    p a{}
    .container{width: 92%;padding:0 ; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

    /* mobile menu */
    .mobile-nav{display: block !important;}
    #mobile-menu {display: block;width: 21px;height: 20px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 105;right: 20px;top: 20px;}
    #mobile-menu{ display:block !important; top:20px; }
    #mobile-menu span {position: absolute; top: 50%; left: 0%; display: block; padding: 0; width: 100%; height: 3px; background-color: #9A6A54; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    #mobile-menu span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #9A6A54; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 1px;}
    #mobile-menu span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #9A6A54; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -1px;}
    #mobile-menu span:after { -webkit-transform: translateY(250%); transform: translateY(250%); -ms-transform: translateY(250%);}
    #mobile-menu span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%); -ms-transform: translateY(-250%);}
    #mobile-menu.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    #mobile-menu.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background: #9A6A54;}
    #mobile-menu.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: -1px; background: #9A6A54;}
    #mobile-navbar{position: fixed;top: 0;width: 272px;height: 100%;right: 0;box-sizing: border-box;padding-top: 0px;z-index: 104;overflow-y: auto;background: rgb(255, 255, 255) url("../assets/images/site/header-bg.png") repeat scroll 0 0; border-left: 1px solid rgb(178, 121, 91); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
    #mobile-navbar.open{right: 0;}
    #mobile-navbar .contact-map{background: #fff; display: block; margin: 0 auto; padding: 10px; width: 100%; height: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid rgb(178, 121, 91);}
    .contact-map .mob-contacts{margin:0 15px; color: #b17a5c; font-size: 20px; display: inline-block; vertical-align: middle; margin-top: 10px; width: auto; }
    .contact-map .mob-map{margin:0 15px; color: #b17a5c; font-size: 20px; display: inline-block; vertical-align: middle; margin-top: 10px; width: auto;text-transform: uppercase}
    .contact-map .mob-map:hover,.contact-map .mob-contacts:hover{text-decoration: none}
    #mobile-navbar nav{padding-bottom: 0px;padding-top: 30px;}
    #mobile-navbar nav::before{top: 30px; }
    #mobile-navbar nav.single-page-nav{display: block}
    #mobile-navbar ul{padding: 25px 0 34px; margin: 0 auto;}
    #mobile-navbar ul ul{display: none;}
    #mobile-navbar li{padding: 7px 15px;list-style: none;position: relative;}
    #mobile-navbar li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-navbar li em{display: block;position: absolute;top: 8px;right: 6px;width: 15px;height: 15px;}
    #mobile-navbar li em:before{content: '';position: absolute;top:50%;margin-top: -1px;left: 0;width: 100%;height: 3px;background: #000;}
    #mobile-navbar li em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: 0;width: 100%;height: 3px;background: #fff;transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg)}
    #mobile-navbar li em.active:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0)}
    #mobile-navbar li a{color: #000; font-family: Lato,sans-serif; font-size: 14px;font-weight: 700;text-transform: uppercase; line-height: 22px;}
    #mobile-navbar li a.current,#mobile-navbar li a.active{color: rgb(178, 121, 91)}
    .overflow-hidden{overflow: hidden;height: 100%;}
    #mobile-navbar  .social{padding: 7px 15px; background: rgba(2555,255,255,.9)}
    #mobile-navbar .social .phone{display: inline-block; float: right; padding-top: 2px;}
    #mobile-navbar .social .phone a{ color: #000; font-size: 18px; text-align: right; font-family: Courier,serif;}

    /* home */
    #content-area .frame-1{-webkit-border-image-repeat:stretch stretch; border-width: 49px; border-image-repeat:stretch stretch;}
    #content-area .frame-3{-webkit-border-image-repeat:stretch stretch; border-width: 49px; border-image-repeat:stretch stretch;}
    #content-area .frame-2{width: calc(100% - 60px); left: 30px; -webkit-border-image-repeat:stretch stretch; border-width: 49px;border-image-repeat:stretch stretch;}
    .mob-sroll-errow {display: block; position: absolute; margin: 0 auto; text-align: center; bottom: 30px; right: 0; left: 0}
    .mob-sroll-errow a{display: table;}
    .mob-sroll-errow img{max-width: 100%; margin: 0 auto;}
    #content-area{padding-bottom: 0}
    header{display: block; height: 65px; width: 100%; position: fixed; border: none; border-bottom: 1px solid rgb(178, 121, 91);}
    nav.single-page-nav{display: none}
    header .logo-container{height: auto; padding: 0}
    header .logo-container .logo-full{display: none !important; position: static}
    header .logo-container.after-scroll{padding-top: 0}
    header .logo{margin: 0 auto; margin-top: 17px; display: table}
    .home-main header .logo-container .logo-s{display: none}
    header .resp_black-logo{display: block !important}
    #wrapper{position: relative; z-index: 105; background: #fff; display: inline-block; margin-bottom: -8px}
    #banner{width: 100% !important; overflow: hidden; margin-top: 65px; }

    .banner .banner-logo img{max-width: 250px; width: auto}
    .banner .banner-logo{margin-left:-125px; margin-top: -95px}
    header .logo-container .logo-full{margin-left:-80px ; max-width: 160px; width: 100%; }
    #content-area{width: 100%;}
    #content-area .text_desc{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #about .top-about-content{min-height: 40px;}
    #content-area .text_desc{position: static;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);   transform: translateY(0%); padding:70px 0 0; margin-bottom: 50px;}
    #content-area .caption{position: static; display: table; width:calc( 100% - 70px); padding: 0}


    #content-area .frame-1{left: 13px; width: calc(100% - 26px); height: calc(100% - 26px); top: 13px;}
    #about .top-about-content{border-width: 18px; min-height: 330px !important;}
    #about .mob-about_banner{display: block; background-position:18% bottom !important; width: 100%; height: 365px; }
    #about .mob-about_banner-bottom{display: block; background-position:center center !important; width: 100%; height: 412px; background-size: cover !important}
    #about .bottom-about-image{min-height: 10px;}
    #about .bottom-about-image img{display: none}
    .about-half-part{width: 100%; min-height:240px !important; height: auto !important; max-height: 520px !important; }
    #about .about-half-part:first-child{max-height: none !important; height: auto !important}
    .about-half-part img{max-width: 100% !important; height: auto !important; display: block}
    .text-area{top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); padding-top: 50px}
    #about .about-half-part .bottom-half-about{padding-bottom: 70px;}
    #menu, #blog-menu-header {width: 100%; }
    #menu .title-header, #blog-menu-header .title-header{margin-bottom: 25px;}
    ul.menu-list li{display: block; margin-bottom: 22px; padding-bottom: 0; clear: both;}
    ul.menu-list li a{padding: 0 10px; font-size: 15px; font-weight: 400}
    ul.menu-list li a.active{}
    ul.menu-list a.active:after{display: block}
    ul.menu-list li a.active:hover:after{display: block}
    ul.menu-list li a.active:hover{color: rgb(177, 122, 92)}
    ul.menu-list li a:hover{color: #000}
    ul.menu-list li a:hover:after{display: none}


    #menu .menu-callout .half-callout{height: auto !important; max-height: none !important}
    .menu-callout .half-callout .callout-caption .text-area{transform: translateY(-0%)}
    #menu .mob-pages-menu{display: block; background-position:center center !important; width: 100%; height: 386px; background-size: cover !important;}
    #menu .single-menu-list ul li{font-size: 16px; margin-bottom: 10px; text-shadow:none; -webkit-text-shadow:none;}
    .menu-callout .half-callout img{display: none}
    ul.menu-list a:after {display: none}
    #blog-menu-header ul.menu-list a:after, #blog-menu-header ul.menu-list a.active:after {display: none}
    #menu .detail-menu-container{width: 96%; max-width: none; padding-bottom: 20px; display: none}
    ul.menu-list li .mobile-menu-content{display: none; padding: 50px 4% 10px; margin: 0 auto; height: auto; background: #fff; margin-top: 23px;}

    #menu .mobile-menu-content h2{text-transform: uppercase; margin-bottom: 10px;}
    .mobile-menu-content h3{ margin-bottom: 25px;}
    #menu .single-menu-list h4{font-size: 17px; margin-bottom: 20px;}
    #menu .detail-menu-container .right-half,#menu .detail-menu-container .half-menu{max-width: 96%; margin-right: 4%; float: none; display: inline-block; vertical-align:top; }
    #content-area .frame-3{width: calc(100% - 66px); left: 33px; top: 33px; height: calc(100% - 66px);}
    .menu-callout .half-callout .callout-caption{border-width: 18px; padding: 0; padding-top: 70px; height: auto;}
    #menu .menu-callout .half-callout .callout-caption{border-width: 18px; padding: 0; padding-top: 70px; height: auto;}
    .menu-callout .half-callout .callout-caption .text-area{padding: 0}
    .single-menu-list{margin-bottom: 20px; max-width: 100%; float: none; width: 100%;}
    .mobile-menu-content .half-menu,.mobile-menu-content .right-half{width: 100%; max-width: 300px; display: block;text-align: left; margin-bottom: 50px;}
    .image-caption{top: 50px; font-size: 12px; display: none}
    .menu-callout .half-callout {float: none; display: block; width: 100%}
    .menu-callout .half-callout {height: auto !important;}
    .menu-callout .half-callout img{display: block}
    .blog-page .menu-callout .half-callout .callout-caption .text-area {margin-bottom: 0;}
    .blog-page .menu-callout .half-callout:after {-webkit-transform: rotate(90deg) !important;-ms-transform: rotate(90deg) !important;-o-transform: rotate(90deg) !important;transform: rotate(90deg) !important;}
    .blog-page .menu-callout .half-callout.blog-left:after {top: auto; right: 100px; bottom: -11px;}
    .blog-page .menu-callout .half-callout.blog-right:after {top: auto; left: 100px; bottom: -11px;}
    .newsletter-form input[type="text"], .newsletter-form input[type="email"]{max-width: 280px; width: 100%; margin: 0 auto; margin-bottom:     15px; display: block}
    #newsletter .newsletter-block{padding-top: 30px;}
    .bx-slider ul li img{display: none}
    #gallery .mob-gallery-img{display: block; background-position:center center !important; width: 100%; height: 450px; background-size:150% auto !important}
    .bx-slider .bx-controls.bx-has-controls-direction a.bx-prev{left:10px}
    .bx-slider .bx-controls.bx-has-controls-direction a.bx-next{right:10px}
    .bx-slider .bx-controls.bx-has-controls-direction a.bx-prev:hover{left:10px}
    .bx-slider .bx-controls.bx-has-controls-direction a.bx-next:hover{right:10px}
    #blog .mob-blog-small-img{display: block; background-position:center bottom !important; width: 100%; height: 300px; background-size: cover !important}
    #blog .menu-callout .half-callout{height: auto !important}
    #blog .text-area{margin-bottom: 25px;}
    .menu-callout .half-callout .callout-caption .text-area{top:0; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);  transform: translateY(0); position: static; margin-bottom: 44px;  width: calc(100% - 60px)}
    #menu .menu-callout .half-callout .callout-caption .text-area{top:0; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);  transform: translateY(0); position: static; margin-bottom: 44px;  width: calc(100% - 60px)}
    #blog a.img-right-icon::after{right: 30px; top: auto; bottom: -10px}
    #blog  .callout-caption{padding-top: 30px;}
    .contact-block .contact-border{margin:15px 15px}
    .contact-details-block .hours-block{padding:25px 10px; width: 100%; float: none; display: block; border:none; height: auto !important}
    .contact-details-block p{margin-bottom: 0}
    #giftcard .contact-details-block p{margin-bottom: 12px;}
    #giftcard .contact-details-block p + p{margin-bottom: 0}
    .contact_hour ul{width: auto; margin: 0 auto; margin-bottom: 10px; float: none; text-align: center; display: block}
    .contact_hour ul:last-child{margin-bottom: 0}
    .contact-details-block .text-caption{transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); top: 0; padding-top: 0}
    .contact-details-block  .contact_hour{padding-bottom: 0}
    .contact-details-block .title-header{margin-bottom: 20px;}
    .contact-details-block p em {display: block;font-style: normal; height: 2px; margin: 0 15px; opacity: 0;visibility: hidden;}
    .contact-details-block .address-block{padding:15px 10px 0; width: 100%; margin: 0 auto; display: block; float: none; border: none; height: auto !important;}
    .contact-details-block .address-block .text-caption{padding-bottom: 0}
    footer .social-part{width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    ul.footer-nav{margin-left: 50px;}
    ul.footer-nav li a{padding: 5px 12px}
    footer .copyright-designby{display: none;}
    footer .social-part{display: none;}
    footer{position: relative; display: block; background: rgb(255, 255, 255) url("../assets/images/site/header-bg.png") repeat scroll 0 0; border-top: none}
    .mob-copyright-designby{color: rgb(0, 0, 0); float: none; font-size: 12px;font-weight: 400; letter-spacing: 0.09em; margin:0 auto; padding-top: 5px; text-align: center; display: block; margin-bottom: 15px;}
    ul.footer-nav{display: none;}
    .social-part-mobile{display: block}
    .social-part-mobile{width: 100%; height: 100%; float: none; text-align: center; padding-top: 12px; margin-bottom: 30px;}
    .social-part-mobile a.social-footer {color:#a87256; margin: 0; padding: 0; margin: 0 4px; display: inline-block; vertical-align: middle; border: 2px solid #a87256; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 24px; height: 24px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all;}
    .social-part-mobile a.icon-facebook {font-size: 15px; padding-left: 0; padding-top: 0px;}
    .social-part-mobile a.icon-social-twitter {font-size: 17px; padding-left: 0px; padding-top: 0px;}
    .social-part-mobile a.icon-instagram {font-size: 14px; padding-left: 0px; padding-top: 0px;}
    .social-part-mobile a.social-footer:hover {background: #a87256; text-decoration: none; color:#ffffff;}
    /*#about:before, #menu:before, #gallery:before, #blog:before, #newsletter:before,#contact:before{content: ''; height: 65px; margin-top: -65px; display: block;visibility: hidden; opacity: 0}
    #menu, #gallery, #blog, #newsletter, #contact{position:relative}*/
    /*#about:target, #menu:target, #gallery:target, #blog:target, #newsletter:target,#contact:target{margin-top: -65px; padding-top: 65px; }*/

    /* reservetion page */
    #reservation{padding-top: 65px;}
    .resev-details-block{width: 100%; height: auto !important; padding: 10px 0}
    .resev-right .resev-ception{padding: 30px 10px 20px}
    .resev-block{border-width: 18px;}
    .resev-right{width: 100%; height: auto !important}
    #reservation .menu-callout .half-callout .callout-caption .text-area{top: 0%; width: 70%; padding: 67px 0 0px;}
    #reservation .menu-callout .half-callout{height: auto !important; display: table}
    #reservation .callout-caption{height: auto}
    .resev-block .resev-border{padding: 0}
    #content-area #reservation .frame-3{height: auto; top: 0; bottom: 0; margin: 18px auto; left: 0; right: 0; width: calc(100% - 36px)}
    .mob-reservation-menu{display: block; background-position:center bottom !important; width: 100%; height: 386px; background-size: cover !important;}

    /* press */
    #press{padding-top: 65px;}
    .press-head{position: static; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); left: 0; width: 100%}
    .single-news-block .date-block{max-width: 60px; width: 30%; float: none; display: inline-block; vertical-align: top;}
    .single-news-block .news-details{width: 78%; max-width: 560px; float: none; display: inline-block; vertical-align: top;}
    .single-news-block .news-details P{float: none; text-align: left; margin: 0 auto}
    #content-area #press_section .frame-1{left: 10px; top: 10px; height: calc(100% - 20px); width: calc(100% - 20px)}
    .single-news-block .news-details img{float: none; display: block; margin:0 auto; margin-bottom: 15px; text-align: left; margin-left: 0}
    .press-content{padding: 88px 30px 30px; width: 100%; box-sizing: border-box;}
    .filter-block a{padding: 0 5%}
    .press-outer-border{border-width: 18px;}

    /* gift-card */
    #giftcard{padding-top: 65px;}
    .gift-image{width: 100%; margin-bottom: 20px;}
    .gift-content{width: 100%;}
    .giftcards-block{padding: 18px;}

    /* 404 and thank you page */
    #content-area #press_section.press_sections{padding-top: 65px; background: #fff; min-height:calc(100vh - 115px);}
    #content-area #press_section.press_sections .press-content{padding-top: 80px; padding-bottom: 70px;}
    #content-area #press_section.press_sections .press-outer-content{height: auto !important}
    #content-area #press_section.press_sections .press-outer-border{height: auto !important; min-height: 10px !important}

    #reviews {padding:0 22px;}
    #reviews .bx-viewport {padding:0 !important;}
    #reviews .bx-viewport li {box-sizing:border-box;}
    #reviews .bx-controls.bx-has-controls-direction {top:5px !important;margin-top:0 !important;z-index:500;}
    #reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-next {left:50%;right:initial;}
    #reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-prev {right:50%;left:initial;}
    #reviews p {padding:0 35px;}

    /*banner-message*/
    #banner .banner-message { margin: -150px auto 0;max-width: 100%; width: 350px; }
    #banner .banner-message .inner { width: 80%;margin: 21% 0 0 3%;}
    #banner .banner-message .inner p {margin-bottom: 9px;font-size: 13px;line-height: 15px;}
    #banner .banner-message .inner h1 { margin-bottom: 15px;font-size: 16px; }
    #banner .banner-message .inner h1:after { bottom: -5px; }

    .home-main #about .about-half-part.desktop { display: none !important;}
    .home-main #about .about-half-part.mobile { min-height: 270px !important;height: 270px !important;float: none !important; margin-bottom: 35px !important; margin-top: -15px !important;}
    header {background: #fff url(/assets/images/site/header-bg.png) repeat !important; height: auto;}
    header .resp_black-logo {max-width: 157px; padding-bottom: 17px;}
    .bx-slider {max-height: 100% !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
     .home-main #about .about-half-part.mobile { min-height: 420px !important;height: 420px !important;}
}
/* 2. small mobile responsive css 480px
-----------------------------------------*/
@media (max-width:480px) {
    #banner .bx-controls.bx-has-controls-direction {display: none;}
    #banner {pointer-events: none;}
    /* home page */
    #about .top-about-content{min-height: 40px;}
    #content-area .text_desc{position: static;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);   transform: translateY(0%); padding:70px 0 0; margin-bottom: 50px;}
    #content-area .caption{position: static; display: table; width:calc( 100% - 70px); padding: 0}
    #about .top-about-content p{margin-bottom: 40px;}
    #about .about-half-part .top-half-about{}
    #gallery .mob-gallery-img{height: 380px; background-size:160% auto !important}

    /* press */
    .press-head{position: static; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); left: 0; width: 100%}
    .single-news-block .date-block{max-width: 110px; width: 100%; margin: 0 auto; float: none; display: block;text-align: left; margin-left: 0; margin-bottom: 10px;}
    .single-news-block{margin-bottom: 30px;}
    .single-news-block .news-details{width: 100%; max-width: 560px; float: none; display: inline-block; vertical-align: top;}
    .single-news-block .news-details P{float: none; text-align: left; margin: 0 auto}
    #content-area #press_section .frame-1{left: 10px; top: 10px; height: calc(100% - 20px); width: calc(100% - 20px)}
    .single-news-block .news-details img{float: none; display: block; margin:0 auto; margin-bottom: 15px; text-align: left; margin-left: 0}
    .press-content{padding: 88px 30px 30px}
    .filter-block a{padding: 0 5%}
    .press-outer-border{border-width: 18px;}


}

/* 3. iPad responsive css 768px to 1024px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1024px) {
    /* default  */
    body{min-width: inherit;}
    img{max-width: 100%; height: auto;}
    h1{}
    h2{}
    h3{}
    h4{}
    h5{}
    h6{}
    p{}
    p a{}
    .container{width: 96%}

    /* home */
    header{width: 25%;}
    #banner{width: 75% !important; overflow: hidden}
    .banner .banner-logo{}
    .banner .banner-logo img{max-width: 350px; width: auto}
    .banner .banner-logo{margin-left:-175px; margin-top: -95px}
    header .logo-container .logo-full{margin-left:-80px ; max-width: 160px; width: 100%; }
    #content-area{width: 75%;}
    #content-area .text_desc{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #about .bottom-about-image{min-height: 250px;}
    .about-half-part{width: 100%; min-height:240px !important; height: auto !important; max-height: 520px !important; }
    #about .about-half-part:first-child{max-height: none !important; height: auto !important}
    .about-half-part img{max-width: 100% !important; height: auto !important; display: block}
    .text-area{top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); }
    #about .about-half-part .bottom-half-about{padding-bottom: 40px;}
    #menu {width: 100%; }
    #menu ul.menu-list li a{padding: 0 10px; font-size: 13px;}
    #menu ul.menu-list a.active::after, #menu ul.menu-list li a:hover::after{background-size: 100% auto; height: 18px; width: 18px; bottom: -30px;}
    #menu ul.menu-list a:after{background-size: 100% auto; height: 18px; width: 18px;}
    #menu .detail-menu-container{width: 96%; max-width: none; padding-bottom: 20px;}
    #menu .detail-menu-container .parent-half-menu {width: 100%; height: auto; display: block; text-align: center;}
    #menu .detail-menu-container .half-menu.right-half, #menu .detail-menu-container .half-menu{margin: 0 auto; float: none; display: inline-block;  vertical-align: top; text-align: left; padding: 0 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; max-width: 360px;}

    .single-menu-list{margin-bottom: 20px;}
    .image-caption{top: 50px; font-size: 12px;}
    .menu-callout .half-callout{float: none; display: block; width: 100%}
    .newsletter-form input[type="text"], .newsletter-form input[type="email"]{max-width: 250px; width: 100%}
    .contact-block .contact-border{margin:25px 20px}
    .contact-details-block .hours-block{padding:25px 10px;}
    .contact-details-block p em {display: block;font-style: normal; height: 2px; margin: 0 15px; opacity: 0;visibility: hidden;}
    .contact-details-block .address-block{padding:25px 10px; }
    footer .social-part{width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    ul.footer-nav{margin-left: 50px;}
    ul.footer-nav li a{padding: 5px 12px}
    #blog a.img-right-icon::after{right: 30px; top: auto; bottom: -10px}

    /* reservetion page */
    .resev-details-block{width: 100%}
    .resev-right{width: 100%}

    /* gift-card */
    .gift-image{width: 100%; margin-bottom: 20px;}
    .gift-content{width: 100%;}
    .giftcards-block{padding: 18px;}

    /* press */
    #content-area .press-outer-border .frame-1 {position: absolute;width: calc(100% - 40px);height: calc(100% - 40px);top: 20px;left: 20px;}
    .single-news-block .date-block{max-width: 60px; width: 30%; float: none; display: inline-block; vertical-align: top;}
    .single-news-block .news-details{width: 78%; max-width: 560px; float: none; display: inline-block; vertical-align: top;}
    .single-news-block .news-details P{float: none; text-align: left; margin: 0 auto}
    #content-area #press_section .frame-1{left: 20px; top: 20px; height: calc(100% - 40px); width: calc(100% - 40px)}
    .single-news-block .news-details img{float: none; display: block; margin:0 auto; margin-bottom: 15px; text-align: left; margin-left: 0}
    .press-content{padding: 210px 0px 30px}



    /* 404 and thank you page */
    #content-area #press_section.press_sections .press-content{padding-top: 80px; padding-bottom: 70px;}
    #content-area #press_section.press_sections .press-outer-content{height: auto !important}
    #content-area #press_section.press_sections .press-outer-border{height: auto !important; min-height: 10px !important}
    #reviews {padding:0 22px;}
    #reviews .bx-viewport {padding:0 !important;}
    #reviews .bx-viewport li {box-sizing:border-box;}
    #reviews .bx-controls.bx-has-controls-direction {top:5px !important;margin-top:0 !important;z-index:500;}
    #reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-next {left:50%;right:initial;}
    #reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-prev {right:50%;left:initial;}
    #reviews p {padding:0 35px;}

    /* blog page addition 14 july 2016*/
    .menu-callout .half-callout {height: auto !important;}
    .menu-callout .half-callout img{display: block}
    .menu-callout .half-callout .callout-caption .text-area {margin-bottom: 0;}
    .blog-page .menu-callout .half-callout:after {-webkit-transform: rotate(90deg) !important;-ms-transform: rotate(90deg) !important;-o-transform: rotate(90deg) !important;transform: rotate(90deg) !important;}
    .blog-page  .menu-callout .half-callout.blog-left:after {top: auto; right: 100px; bottom: -11px;}
    .blog-page  .menu-callout .half-callout.blog-right:after {top: auto; left: 100px; bottom: -11px;}
    .menu-callout .half-callout .callout-caption .text-area {top: auto; -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
    #about .top-about-content {min-height: 410px;}
    .press-content {width: 100%; max-width: 80%;}

    /*banner-message*/
    #banner .banner-message { max-width: 100%; width: 500px; }
    #banner .banner-message .inner { width: 415px;margin: 120px 0 0 30px;}
    #banner .banner-message .inner p {margin-bottom: 9px;}
    #banner .banner-message .inner h1 { margin-bottom: 20px; }

    .home-main #about .about-half-part.desktop { display: none !important;}
    .home-main #about .about-half-part.mobile { float: none !important; margin-bottom: 35px !important; margin-top: -15px !important;min-height: 400px !important;height: 400px !important;}

    /*#banner .bx-controls.bx-has-controls-direction {display: none;}*/
    #banner .bx-viewport {pointer-events: none;}


}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
    .home-main #about .about-half-part.mobile {min-height: 500px !important;height: 500px !important;}
    .home-main #about .about-half-part.mobile img { top: 0;}
    .home-main .menu-callout .half-callout {height: 400px !important;min-height: 400px !important;}
    .home-main .menu-callout .half-callout img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: -10%;}
    #banner .bx-controls.bx-has-controls-direction {display: none;}
    #banner {pointer-events: none;}
}


@media (min-width:1024px) and (max-width:1275px) {
    .menu-callout .half-callout img {width: 115%; height: 100%;}
}
@media (min-width:1024px) and (max-width:1025px) {
    /* .menu-callout .half-callout {margin-top: 55px;}*/
}
@media (min-width:1025px) and (max-width:1280px) {
    .text-area {padding: 20px 28px;}
    .menu-callout .half-callout .callout-caption {padding: 20px;}
}
@media  (max-width:992px) {
    #about .top-about-content {min-height: 440px;}
}

/* 4. large desktop responsive css 1025px to 1199px
----------------------------------------------------*/
@media (min-width:768px) and (max-width:1233px) {
    #lunch-margin-space {
        margin-top:10px;
    }

}

/* 5. Other media-query
------------------------------------------------*/
/*#mobile-menu, #mobile-navbar{display: none;}*/
@media (min-width:1525px){
    #contact-dinner-hour {margin:inherit auto; display: block;}
}