/*
* Theme Name: Cuisine
* Description: Cuisine Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Broadtheme
* Version: 1.0
*/

/*------------------------------------------------------------------

[Table of contents]

1. Header
2. Banner
3. Discover Our Story
4. Our Services
5. Today's Specials
6. Our Specials Menu
7. Testimonial
8. Our Team
9. The Restaurant Gallery
10. Book A Table
11. Footer
12. About us Pages
13. Banner
14. Our History
15. Elegant interior and design
16. Contact Pages
17. Banner
18. Get in touch
19. Meet at Restaurant
20. Reservation page
21. Banner
22. Make Online Reservation
23. Events Reservation
24. Our Menu page
25. Banner
26. Our Menu name
27. Breakfast
28. Our Blog Page
29. Banner
30. Full our blog
31. Our Blog Detiles
32. Banner
33. Full our blog Detiles
34. Leave a Comment
35. Comment

-------------------------------------------------------------------*/

@import "https://fonts.googleapis.com/css?family=ABeeZee|Sofia";

body {
    font-family: "ABeeZee", sans-serif;
    font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "ABeeZee", sans-serif;
}
a {
    text-decoration: none !important;
    outline: transparent !important;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
img {
    max-width: 100%;
}
.border-top-none {
    border-top: none !important;
}
.padding-top-none {
    padding-top: 0 !important;
}
.padding-bottom-none {
    padding-bottom: 0 !important;
}
.padding-bottom {
    padding-bottom: 50px !important;
}
@media screen and (max-width: 1199px) {
    .padding-bottom {
        padding-bottom: 35px !important;
    }
}
@media screen and (max-width: 991px) {
    .padding-bottom {
        padding-bottom: 30px !important;
    }
}
@media screen and (max-width: 767px) {
    .padding-bottom {
        padding-bottom: 15px !important;
    }
}
@media screen and (max-width: 640px) {
    .padding-bottom {
        padding-bottom: 10px !important;
    }
}
.our-breakfast-hover {
    position: relative;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
.our-breakfast-hover .our-menu-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: table;
    margin: -22px auto 0;
    color: #fff;
    z-index: 9;
    transform: scale(0);
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 767px) {
    .our-breakfast-hover .our-menu-icon {
        display: none;
    }
}
.our-breakfast-hover:hover:after {
    transform: scale(1);
}
.our-breakfast-hover:hover .our-menu-icon {
    transform: scale(1);
}
.our-breakfast-hover:after {
    background: #0089d0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0.8;
    transform: scale(0);
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 767px) {
    .our-breakfast-hover:after {
        display: none;
    }
}
.section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
}
@media screen and (max-width: 1199px) {
    .section {
        padding: 60px 0;
    }
}
@media screen and (max-width: 991px) {
    .section {
        padding: 50px 0;
    }
}
@media screen and (max-width: 767px) {
    .section {
        padding: 40px 0;
    }
}
@media screen and (max-width: 640px) {
    .section {
        padding: 30px 0;
    }
}
@media screen and (max-width: 320px) {
    .section {
        padding: 25px 0;
    }
}
.section-sentence {
    color: #000;
    text-align: justify;
    margin: 0;
	font-style:15px;
	
}
@media screen and (max-width: 991px) {
    .section-sentence {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .section-sentence {
        line-height: 25px;
    }
}
@media screen and (max-width: 320px) {
    .section-sentence {
        font-size: 16px;
    }
}
.section-title {
    font-size: 0px;
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0 0 90px 0;
    margin: 0;
}
.section-title h2{
    font-size: 35px;
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0 0 90px 0;
    margin: 0;
}

@media screen and (max-width: 1199px) {
    .section-title {
        padding: 0 0 50px 0;
        font-size: 46px;
    }
}
@media screen and (max-width: 991px) {
    .section-title {
        padding: 0 0 40px 0;
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    .section-title {
        padding: 0 0 30px 0;
        font-size: 36px;
    }
}
@media screen and (max-width: 640px) {
    .section-title {
        padding: 0 0 20px 0;
        font-size: 30px;
    }
}
@media screen and (max-width: 320px) {
    .section-title {
        padding: 0 0 15px 0;
        font-size: 26px;
    }
}
.section-title-info {
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 0;
}
@media screen and (max-width: 640px) {
    .section-title-info {
        font-size: 14px;
        margin: 5px 0 0 0;
    }
}
.section-title-full {
    padding: 0 0 90px 0;
}
@media screen and (max-width: 1199px) {
    .section-title-full {
        padding: 0 0 50px 0;
    }
}
@media screen and (max-width: 991px) {
    .section-title-full {
        padding: 0 0 40px 0;
    }
}
@media screen and (max-width: 767px) {
    .section-title-full {
        padding: 0 0 30px 0;
    }
}
@media screen and (max-width: 640px) {
    .section-title-full {
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .section-title-full {
        padding: 0 0 15px 0;
    }
}
.section-title2 {
    color: #fff;
}
.dtpicker-buttonCont .dtpicker-button {
    background: #B26E30;
}
.dtpicker-header .dtpicker-value {
    color: #B26E30;
}
.dtpicker-header .dtpicker-title {
    color: #B26E30;
}
.dtpicker-components .dtpicker-comp * {
    color: #000;
}
.scrollToTop {
    width: 60px;
    height: 60px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 40px;
    display: none;
    background: #0089d0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    box-shadow: -1px 1px 11px -2px #000000;
    border: 1px solid transparent;
    z-index: 9;
    -moz-transition: all 0.5s 0s, color 0s;
    -o-transition: all 0.5s 0s, color 0s;
    -webkit-transition: all 0.5s 0s, color 0s;
    transition: all 0.5s 0s, color 0s;
}
.scrollToTop:focus {
    color: #fff;
}
@media screen and (max-width: 640px) {
    .scrollToTop {
        height: 40px;
        width: 40px;
        bottom: 20px;
        right: 20px;
    }
}
.scrollToTop i {
    font-size: 22px;
}
@media screen and (max-width: 640px) {
    .scrollToTop i {
        font-size: 16px;
    }
}
.scrollToTop:hover {
    text-decoration: none;
    background: #fff;
    color: #B26E30;
    border: 1px solid #B26E30;
}
.arrow-down {
    border: 1px solid;
    border-radius: 100%;
    bottom: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.35s ease 0s;
    width: 40px;
}
@media screen and (max-width: 991px) {
    .arrow-down {
        display: none;
    }
}
.arrow-down:hover {
    transform: scale(1.1);
}
.arrow-down:hover,
.arrow-down:focus {
    color: #0089d0;
}
.header {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 10px 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: #FFF;
    -moz-transition: all 0.5s 0s, color 0s;
    -o-transition: all 0.5s 0s, color 0s;
    -webkit-transition: all 0.5s 0s, color 0s;
    transition: all 0.5s 0s, color 0s;
	box-shadow: 00px 1px 5px #ccc;
}
.header.sticky {
    background: rgba(255, 255, 255, 0.9);
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
    z-index: 99;
}
.header.sticky .main-menu {
    margin: 25px 0;
}
@media screen and (max-width: 1199px) {
    .header.sticky .main-menu {
        margin: 17px 0 0;
    }
}
@media screen and (max-width: 991px) {
    .header.sticky .main-menu {
        margin: 16px 0;
    }
}
@media screen and (max-width: 1199px) {
    .header {
        padding: 10px 40px;
    }
}
@media screen and (max-width: 991px) {
    .header {
        padding: 10px 25px;
    }
}
@media screen and (max-width: 767px) {
    .header {
        padding: 10px 15px;
    }
}
.header .navbar-brand {
    height: auto;
    padding: 0;
   /* width: 170px;*/
}
.header .navbar-brand h1 {
    display: inline-block;
    margin: 18px 0;
    line-height: 0;
    -moz-transition: all 0.5s 0s, color 0s;
    -o-transition: all 0.5s 0s, color 0s;
    -webkit-transition: all 0.5s 0s, color 0s;
    transition: all 0.5s 0s, color 0s;
}
.header.sticky .navbar-brand {
    margin: 13px 0;
}
@media screen and (max-width: 991px) {
    .header .navbar-brand img {
        width: 120px;
    }
    .header.sticky .navbar-brand {
        padding: 0;
    }
}
.header #nav-icon4 {
    width: 40px;
    height: 35px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.header #nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #0089d0;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header #nav-icon4 {
    display: none;
}
@media screen and (max-width: 767px) {
    .header #nav-icon4 {
        display: block;
        float: right;
        margin: 15px 0 0 0;
        z-index: 10;
    }
    .header #nav-icon4 {
        margin: 19px 0 0;
    }
    .sticky #nav-icon4 {
        margin: 17px 0 0;
    }
    .header.sticky a h1 {
        margin: 10px 0;
    }
}
.header #nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.header #nav-icon4 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.header #nav-icon4 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.header #nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 8px;
}
.header #nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.header #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 32px;
    left: 8px;
}
.header .main-menu {
    float: right;
    margin: 20px 0;
}
.header .main-menu.open {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    margin: 0;
    padding: 100px;
    background: rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 640px) {
    .header .main-menu.open {
        padding: 60px;
    }
}
@media screen and (max-width: 991px) {
    .header .main-menu {
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .header .main-menu {
        display: none;
        width: 100%;
    }
}
.header .main-menu li {
    float: left;
}
.header .main-menu li.active a {
    color: #0089d0;
}
@media screen and (max-width: 767px) {
    .header .main-menu li {
        width: 100%;
        text-align: center;
    }
}
.header .main-menu li a {
    font-family: "ABeeZee", sans-serif;
    font-size: 20px;
    background: none;
    margin: 0 0 0 30px;
    color: #91d7f8;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
.header .main-menu li a:hover {
    color: #0089d0;
}
@media screen and (max-width: 1199px) {
    .header .main-menu li a {
        font-size: 21px;
        margin: 0 0 0 25px;
    }
    .header.sticky a h1 {
        margin: 11px 0;
    }
}
@media screen and (max-width: 991px) {
    .header .main-menu li a {
        font-size: 18px;
        margin: 0 0 0 20px;
    }
    .header.sticky a h1 {
        margin: 15px 0;
    }
}
@media screen and (max-width: 767px) {
    .header .main-menu li a {
        margin: 0 0 15px 0;
        display: inline-block;
        font-size: 24px;
    }
    .header.sticky a h1 {
        margin: 11px 0;
    }
}
@media screen and (max-width: 640px) {
    .header .main-menu li a {
        font-size: 22px;
    }
}
.header .main-menu.open {
    display: block;
}
/*.banner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0 0;
    background-image: url(../images/banner.png);
    padding: 340px 0 0 0;
    position: relative;
    height: 100vh;
}*/
@media screen and (max-width: 2400px) {
    .banner {
     padding: 95px 0 0 0;
	display: inline-block;
    vertical-align: top;
    width: 100%;
	position: relative;
    overflow: hidden;
    }
}
@media screen and (max-width: 1366px) {
    .banner {
        padding: 90px 0 0 0;
    }
}
@media screen and (max-width: 1199px) {
    .banner {
        padding: 280px 0 220px;
        height: auto;
    }
    .header .navbar-brand {
        margin: 11px 0;
    }
    .header .main-menu {
        margin: 16px 0;
    }
}
@media screen and (max-width: 991px) {
    .banner {
        padding: 200px 0 130px;
    }
    .header .navbar-brand {
        margin: 15px 0;
    }
}
@media screen and (max-width: 767px) {
    .banner {
        padding: 150px 0 100px;
    }
    .header .navbar-brand {
        margin: 17px 0;
    }
    .sticky #nav-icon4 {
        margin: 14px 0 0;
    }
}
@media screen and (max-width: 640px) {
    .banner {
        padding: 130px 0 70px;
    }
}
@media screen and (max-width: 320px) {
    .banner {
        padding: 120px 0 60px;
    }
    .header.sticky .navbar-brand h1 {
        margin: 12px 0;
    }
    .sticky #nav-icon4 {
        margin: 17px 0 0;
    }
}
.banner .banner-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
.banner .banner-info h1 {
    color: #fff;
    font-size: 70px;
    margin: 0;
    overflow: hidden;
}
@media screen and (max-width: 1199px) {
    .banner .banner-info h1 {
        font-size: 60px;
    }
}
@media screen and (max-width: 991px) {
    .banner .banner-info h1 {
        font-size: 46px;
    }
}
@media screen and (max-width: 767px) {
    .banner .banner-info h1 {
        font-size: 38px;
    }
}
@media screen and (max-width: 640px) {
    .banner .banner-info h1 {
        font-size: 32px;
    }
}
@media screen and (max-width: 320px) {
    .banner .banner-info h1 {
        font-size: 26px;
    }
}
.banner .banner-info img {
    margin: 30px 0;
    animation: 5s linear 0s normal none infinite running tada;
}
@media screen and (max-width: 991px) {
    .banner .banner-info img {
        margin: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .banner .banner-info img {
        margin: 10px 0;
    }
}
@media screen and (max-width: 640px) {
    .banner .banner-info img {
        margin: 5px 0;
    }
}
@media screen and (max-width: 320px) {
    .banner .banner-info img {
        margin: 0;
    }
}
.banner .banner-info p {
    color: #fff;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .banner .banner-info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .banner .banner-info p {
        font-size: 16px;
    }
}
@media screen and (max-width: 320px) {
    .banner .banner-info p {
        font-size: 15px;
    }
}
@media screen and (max-width: 991px) {
    .discover .discover-info-img {
        width: 50%;
    }
    .discover .display-none {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .discover .discover-info-img {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }
}
.discover .art-food {
    font-size: 50px;
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0 0 90px 0;
    margin: 0;
    padding: 20px 0 0 0;
    line-height: 20px;
}
@media screen and (max-width: 1199px) {
    .discover .art-food {
        padding: 0 0 50px 0;
        font-size: 46px;
    }
}
@media screen and (max-width: 991px) {
    .discover .art-food {
        padding: 0 0 40px 0;
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    .discover .art-food {
        padding: 0 0 30px 0;
        font-size: 36px;
    }
}
@media screen and (max-width: 640px) {
    .discover .art-food {
        padding: 0 0 20px 0;
        font-size: 30px;
    }
}
@media screen and (max-width: 320px) {
    .discover .art-food {
        padding: 0 0 15px 0;
        font-size: 26px;
    }
}
@media screen and (max-width: 1199px) {
    .discover .art-food {
        padding: 0;
    }
}
@media screen and (max-width: 991px) {
    .discover .art-food {
        padding: 20px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .discover .art-food {
        padding: 0;
    }
}
.discover .art-food img {
    margin: 0 0 15px 0;
    vertical-align: top;
}
.discover .art-food h6 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-family: "ABeeZee", cursive;
    font-size: 16px;
    color: #000;
    margin: 0;
}
.discover .art-food h1 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-family: "ABeeZee", sans-serif;
    color: #000;
    margin: 20px 0;
}
@media screen and (max-width: 1199px) {
    .discover .art-food h5 {
        font-size: 40px;
        margin: 10px 0;
    }
}
@media screen and (max-width: 991px) {
    .discover .art-food h5 {
        margin: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .discover .art-food h5 {
        margin: 15px 0 3px 0;
        font-size: 36px;
    }
}
@media screen and (max-width: 640px) {
    .discover .art-food h5 {
        font-size: 32px;
    }
}
@media screen and (max-width: 320px) {
    .discover .art-food h5 {
        font-size: 28px;
        margin: 8px 0 0;
    }
}
.discover .art-food .green-btn {
    height: 50px;
    border: 1px solid #91d7f8;
    border-radius: 3px;
    width: 200px;
    font-size: 15px;
    text-align: center;
	font-weight:500;
    background: transparent;
	text-transform:uppercase;
    margin: 25px 0 0 0;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 320px) {
    .discover .art-food .green-btn {
        height: 40px;
    }
}
.discover .art-food .green-btn:hover {
    background: #0089d0;
    color: #fff;
    border: 1px solid #91d7f8;
}
@media screen and (max-width: 1199px) {
    .discover .art-food .green-btn {
        margin: 15px 0 0 0;
    }
}
@media screen and (max-width: 991px) {
    .discover .art-food .green-btn {
        margin: 25px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .discover .art-food .green-btn {
        margin: 20px 0 0 0;
    }
}
.services {
    background: transparent url("../images/service-banner.png") no-repeat fixed 0 0;
    background-size: cover;
	background-position: center center;
}
.services .services-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .services .services-info .col-md-4.col-sm-4.col-xs-4 {
        width: 50%;
    }
}
@media screen and (max-width: 767px) and (max-width: 640px) {
    .services .services-info .col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
    }
}
.services .services-info .services-type {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .services .services-info .services-type {
        margin: 0 0 30px 0;
    }
}
@media screen and (max-width: 640px) {
    .services .services-info .services-type {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #565656;
    }
}
.services .services-info .services-type .services-img {
    height: 120px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.services .services-info .services-type h1 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    margin: 20px 0 30px 0;
}
@media screen and (max-width: 991px) {
    .services .services-info .services-type h1 {
        margin: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .services .services-info .services-type h1 {
        margin: 10px 0;
    }
}
@media screen and (max-width: 640px) {
    .services .services-info .services-type h1 {
        margin: 5px 0;
    }
}
.services .services-info .services-type .section-sentence {
    text-align: center;
    margin: 0;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .services .services-info .services-type .section-sentence {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .services .services-info .services-type .section-sentence {
        line-height: 25px;
    }
}
@media screen and (max-width: 320px) {
    .services .services-info .services-type .section-sentence {
        font-size: 16px;
    }
}
@media screen and (max-width: 640px) {
    .today-specials .today-specials-info .col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
        text-align: center;
    }
}
.today-specials .today-specials-info .today-specials-img {
    position: relative;
    display: table;
    vertical-align: top;
    width: auto;
    overflow: hidden;
}
@media screen and (max-width: 640px) {
    .today-specials .today-specials-info .today-specials-img {
        margin-top: 10px;
        display: inline-block;
    }
}
.today-specials .today-specials-info .today-specials-img:hover h1 {
    color: #B26E30;
    z-index: 9;
}
.today-specials .today-specials-info .today-specials-img .our-breakfast-hover:after {
    border-radius: 5px;
}
@media screen and (max-width: 767px) {
    .today-specials .today-specials-info .today-specials-img .our-breakfast-hover:after {
        display: block;
    }
}
.today-specials .today-specials-info .today-specials-img h1 {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 40%;
    margin: 0;
    width: 100%;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
/*.specials-menu {
    background: transparent url("../images/Specials-Menu-banner.png") repeat scroll 0 0;
}*/
.specials-menu .specials-menu-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.specials-menu .specials-menu-full .specials-menu-type {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
    .specials-menu .specials-menu-full .specials-menu-type {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #CDCDCD;
    }
}
.specials-menu .specials-menu-full .specials-menu-type.specials-menu-type2 {
    margin: 0;
}
.specials-menu .specials-menu-full .specials-menu-type img {
    float: left;
    margin: 0 15px 0 0;
}
@media screen and (max-width: 991px) {
    .specials-menu .specials-menu-full .specials-menu-type img {
        margin: 0 13px 0 0;
    }
}
@media screen and (max-width: 320px) {
    .specials-menu .specials-menu-full .specials-menu-type img {
        margin: 0 10px 0 0;
    }
}
.specials-menu .specials-menu-full .specials-menu-type .specials-menu-details {
    display: block;
    overflow: hidden;
}
.specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name {
    font-family: "ABeeZee", sans-serif;
    margin: 20px 0 0px 0;
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name {
        margin: 0 0 5px 0;
    }
}
@media screen and (max-width: 320px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name {
        margin: 0;
    }
}
.specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name b {
    color: #0089d0;
    float: left;
	text-transform:uppercase;
}
@media screen and (max-width: 991px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name b {
        width: 100%;
        font-size: 18px;
    }
}
@media screen and (max-width: 320px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name b {
        font-size: 16px;
    }
}
.specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name span {
    color: #B26E30;
    float: right;
}
@media screen and (max-width: 991px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name span {
        width: 100%;
        float: left;
        font-size: 18px;
    }
}
@media screen and (max-width: 320px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details .specials-menu-name span {
        font-size: 16px;
    }
}
.specials-menu .specials-menu-full .specials-menu-type .specials-menu-details p {
    color: #000;
    font-size: 16px;
}
@media screen and (max-width: 991px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details p {
        font-size: 15px;
    }
}
@media screen and (max-width: 320px) {
    .specials-menu .specials-menu-full .specials-menu-type .specials-menu-details p {
        font-size: 14px;
    }
}
.testimonial {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: url("../images/testimonial-banner.png") repeat scroll 0 0;
	background-position: center center;
    padding: 35px 0;
    text-align: center;
}
@media screen and (max-width: 320px) {
    .testimonial {
        padding: 25px 0;
    }
}
.testimonial .carousel-indicators {
    bottom: -20px;
}
.testimonial .testimonial-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.testimonial .testimonial-info p {
    color: #fff;
    margin: 40px 0;
}
@media screen and (max-width: 1199px) {
    .testimonial .testimonial-info p {
        margin: 30px 0;
    }
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial-info p {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .testimonial .testimonial-info p {
        font-size: 18px;
        margin: 20px 0;
    }
}
@media screen and (max-width: 640px) {
    .testimonial .testimonial-info p {
        font-size: 16px;
        margin: 15px 0;
    }
}
@media screen and (max-width: 320px) {
    .testimonial .testimonial-info p {
        font-size: 14px;
        margin: 15px 0;
    }
}
.testimonial .testimonial-info h3 {
    color: #fff;
    margin: 40px 0;
}
@media screen and (max-width: 1199px) {
    .testimonial .testimonial-info h3 {
        margin: 20px 0 30px;
    }
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial-info h3 {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .testimonial .testimonial-info h3 {
        font-size: 15px;
    }
}
@media screen and (max-width: 320px) {
    .testimonial .testimonial-info h3 {
        font-size: 14px;
    }
}
.team .team-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .team .team-full .col-md-4.col-sm-4.col-xs-12 {
        width: 50%;
    }
}
@media screen and (max-width: 767px) and (max-width: 640px) {
    .team .team-full .col-md-4.col-sm-4.col-xs-12 {
        width: 100%;
    }
}
.team .team-full .team-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .team .team-full .team-info {
        padding: 0 0 30px 0;
    }
}
.team .team-full .team-info img {
    margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
    .team .team-full .team-info img {
        margin: 0 0 15px 0;
    }
}
.team .team-full .team-info h3 {
    color: #000;
    margin: 0;
}
@media screen and (max-width: 320px) {
    .team .team-full .team-info h3 {
        font-size: 22px;
    }
}
.team .team-full .team-info .person-post {
    color: #000;
    margin: 10px 0 25px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .team .team-full .team-info .person-post {
        margin: 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .team .team-full .team-info .person-post {
        margin: 5px 0;
    }
}
@media screen and (max-width: 320px) {
    .team .team-full .team-info .person-post {
        margin: 2px 0;
        font-size: 14px;
    }
}
.team .team-full .team-info p {
    color: #000;
    text-align: center;
    margin: 0;
}
@media screen and (max-width: 991px) {
    .team .team-full .team-info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .team .team-full .team-info p {
        line-height: 25px;
    }
}
@media screen and (max-width: 320px) {
    .team .team-full .team-info p {
        font-size: 16px;
    }
}
.gallery .gallery-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.gallery .gallery-full .gallery-img {
    margin: 0 0 15px 0;
}
@media screen and (max-width: 767px) {
    .gallery .gallery-full .gallery-img {
        width: 50%;
    }
}
.gallery .gallery-full .gallery-img.gallery-img-padding-left {
    padding-left: 0;
}
@media screen and (max-width: 1199px) {
    .gallery .gallery-full .gallery-img.gallery-img-padding-left {
        padding-left: 15px;
    }
}
.gallery .gallery-full .gallery-img.gallery-img-padding-right {
    padding-right: 0;
    text-align: right;
}
@media screen and (max-width: 1199px) {
    .gallery .gallery-full .gallery-img.gallery-img-padding-right {
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .gallery .gallery-full .gallery-img .our-breakfast-hover:hover .our-menu-icon {
        transform: scale(0.7);
    }
}
.gallery .gallery-full .gallery-img .our-breakfast-hover:after {
    border-radius: 3px;
}
@media screen and (max-width: 767px) {
    .gallery .gallery-full .gallery-img .our-breakfast-hover:after {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .gallery .gallery-full .gallery-img .our-breakfast-hover .our-menu-icon {
        display: block;
    }
}
.book-table {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 80px 0;
}
@media screen and (max-width: 991px) {
    .book-table {
        padding: 0 0 50px 0;
    }
}
@media screen and (max-width: 767px) {
    .book-table {
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .book-table {
        padding: 0 0 10px 0;
    }
}
.book-table .book-table-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .book-table .book-table-full .col-md-3.col-sm-3.col-xs-12 {
        width: 50%;
    }
}
@media screen and (max-width: 767px) and (max-width: 320px) {
    .book-table .book-table-full .col-md-3.col-sm-3.col-xs-12 {
        width: 100%;
    }
}
.book-table .book-table-full .book-table-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 50px;
    background-color: transparent;
    position: relative;
    border-color: #999999;
    border-radius: 5px;
    color: #999999;
    box-shadow: none;
}
@media screen and (max-width: 767px) {
    .book-table .book-table-full .book-table-info {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .book-table .book-table-full .book-table-info {
        margin: 0 0 10px 0;
        height: 40px;
    }
}
.book-table .book-table-full .book-table-info i {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: #999999;
}
@media screen and (max-width: 320px) {
    .book-table .book-table-full .book-table-info i {
        top: 10px;
    }
}
.book-table .book-table-full .green-btn {
    height: 50px;
    border: 1px solid #B26E30;
    border-radius: 3px;
    width: 160px;
    text-align: center;
    background: transparent;
    width: 100%;
    color: #B26E30;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 320px) {
    .book-table .book-table-full .green-btn {
        height: 40px;
    }
}
.book-table .book-table-full .green-btn:hover {
    background: #B26E30;
    color: #fff;
    border: 1px solid #B26E30;
}
.footer {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 80px 0 0 0;
    background: #333333;
}
@media screen and (max-width: 991px) {
    .footer {
        padding: 50px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .footer {
        padding: 40px 0 0 0;
    }
}
@media screen and (max-width: 320px) {
    .footer {
        padding: 30px 0 0 0;
    }
}
.footer .footer-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 35px 0;
    border-bottom: 1px solid #999999;
}
@media screen and (max-width: 991px) {
    .footer .footer-full {
        padding: 0 0 25px 0;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full {
        padding: 0 0 10px 0;
    }
}
.footer .footer-full .footer-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
    margin: 0 0 30px 0;
}
.footer-info a img {
    width: 70%;
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #4a4a4a;
    }
}
.footer .footer-full .footer-info .footer-title {
    color: #fff;
    margin: 0 0 40px 0;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-title {
        font-size: 26px;
        margin: 0 0 35px 0;
    }
}
@media screen and (max-width: 991px) {
    .footer .footer-full .footer-info .footer-title {
        font-size: 24px;
        margin: 0 0 25px 0;
        height: 50px;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-title {
        font-size: 28px;
        height: auto;
    }
    .footer-info a img {
        width: 25%;
    }
}
@media screen and (max-width: 410px) {
    .footer-info a img {
        width: 35%;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full .footer-info .footer-title {
        font-size: 25px;
        margin: 0 0 20px 0;
    }
    .footer-info a img {
        width: 40%;
    }
}
.footer .footer-full .footer-info .footer-info-post {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-info-post {
        float: left;
        margin: 0 0 15px 0;
    }
}
.footer .footer-full .footer-info .footer-info-post h6 {
    margin: 0 0 5px 0;
}
.footer .footer-full .footer-info .footer-info-post h6 a {
    font-family: "ABeeZee", sans-serif;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
.footer .footer-full .footer-info .footer-info-post h6 a:hover {
    color: #B26E30;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-info-post h6 a {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-info-post h6 a {
        font-size: 15px;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full .footer-info .footer-info-post h6 a {
        font-size: 14px;
    }
}
.footer .footer-full .footer-info .footer-info-post-margin {
    margin: 0;
}
.footer .footer-full .footer-info span {
    color: #999999;
    font-size: 10px;
}
.footer .footer-full .footer-info .footer-about {
    padding: 86px 0 30px;
    font-size: 14px;
    color: #fff;
    margin: 0;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-about {
        padding: 30px 0 20px;
        font-size: 14px;
    }
}
@media screen and (max-width: 991px) {
    .footer .footer-full .footer-info .footer-about {
        padding: 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full .footer-info .footer-about {
        padding: 12px 0;
    }
}
.footer .footer-full .footer-info .footer-icon {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.footer .footer-full .footer-info .footer-icon li {
    float: left;
}
.footer .footer-full .footer-info .footer-icon li a {
    font-size: 25px;
    color: #fff;
    margin: 0 10px;
}
.footer .footer-full .footer-info .footer-icon li a:hover {
    color: #B26E30;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 991px) {
    .footer .footer-full .footer-info .footer-icon li a {
        font-size: 22px;
        margin: 0 5px;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-icon li a {
        margin: 0 10px;
    }
}
.footer .footer-full .footer-info .footer-img li {
    float: left;
    width: 33.33%;
    margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-img li {
        margin: 0;
    }
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-img li {
        width: 50%;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-img li {
        width: 15%;
    }
}
@media screen and (max-width: 560px) {
    .footer .footer-full .footer-info .footer-img li {
        width: 33.33%;
        margin-top: 10px;
    }
}
.footer .footer-full .footer-info .footer-img .footer-img-right {
    text-align: right;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-img .footer-img-right {
        text-align: center;
    }
}
.footer .footer-full .footer-info .footer-img .footer-img-center {
    text-align: center;
}
.footer .footer-full .footer-info .footer-location {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-location {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full .footer-info .footer-location {
        margin: 0 0 15px 0;
    }
}
.footer .footer-full .footer-info .footer-location i {
    float: left;
    color: #999999;
    font-size: 20px;
    width: 30px;
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-location i {
        width: 40px;
    }
}
.footer .footer-full .footer-info .footer-location .footer-location-info {
    display: block;
    overflow: hidden;
}
.footer .footer-full .footer-info .footer-location .footer-location-info p {
    font-size: 14px;
    color: #fff;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-location .footer-location-info p {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-location .footer-location-info p {
        font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
    .footer .footer-full .footer-info .footer-location .footer-location-info p {
        font-size: 14px;
    }
}
.footer .footer-full .footer-info .footer-location .footer-location-info a {
    color: #fff;
}
.footer .footer-full .footer-info .footer-location .footer-location-info a:hover {
    color: #B26E30;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 1199px) {
    .footer .footer-full .footer-info .footer-location .footer-location-info a {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .footer .footer-full .footer-info .footer-location .footer-location-info a {
        font-size: 15px;
    }
}
.footer .footer-bottom {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px 0;
}
@media screen and (max-width: 991px) {
    .footer .footer-bottom {
        padding: 22px;
    }
}
.footer .footer-bottom p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.footer .footer-bottom p a {
    color: #0089d0;
}
@media screen and (max-width: 991px) {
    .footer .footer-bottom p {
        font-size: 13px;
    }
}
.page-banner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-position: center center;
    background-size: cover;
    position: relative;
    padding: 250px 0;
}
@media screen and (max-width: 1199px) {
    .page-banner {
        padding: 200px 0 150px;
    }
}
@media screen and (max-width: 991px) {
    .page-banner {
        padding: 150px 0 100px;
    }
}
@media screen and (max-width: 767px) {
    .page-banner {
        padding: 130px 0 60px;
    }
}
@media screen and (max-width: 640px) {
    .page-banner {
        padding: 120px 0 40px;
    }
}
@media screen and (max-width: 320px) {
    .page-banner {
        padding: 110px 0 30px;
    }
}
.page-section-title {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin: 0;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1199px) {
    .page-section-title {
        font-size: 70px;
    }
}
@media screen and (max-width: 991px) {
    .page-section-title {
        font-size: 60px;
    }
}
@media screen and (max-width: 767px) {
    .page-section-title {
        font-size: 46px;
    }
}
@media screen and (max-width: 640px) {
    .page-section-title {
        font-size: 36px;
    }
}
@media screen and (max-width: 320px) {
    .page-section-title {
        font-size: 30px;
    }
}
.about-section-title {
    padding: 0 0 30px 0;
   /* text-align: left;*/
}
@media screen and (max-width: 991px) {
    .about-section-title {
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .about-section-title {
        text-align: center;
        padding: 0 0 15px 0;
    }
}
@media screen and (max-width: 320px) {
    .about-section-title {
        padding: 0 0 10px 0;
    }
}
.about-section-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.about-section-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .about-section-info {
        margin: 0 0 30px 0;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .about-section-info {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .about-section-info {
        margin: 0 0 10px 0;
    }
}
.about-section-info.about-section-info-margin-top {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .about-section-info.about-section-info-margin-top {
        margin: 30px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .about-section-info.about-section-info-margin-top {
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 320px) {
    .about-section-info.about-section-info-margin-top {
        margin: 10px 0 0 0;
    }
}
.about-history {
    /*text-align: left;*/
}
@media screen and (max-width: 767px) {
    .about-history {
        text-align: center;
    }
}
.guests {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000;
    font-size: 18px;
}
@media screen and (max-width: 640px) {
    .guests {
        font-size: 15px;
    }
}
.about-topic {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0px 0;
    text-align: left;
}
@media screen and (max-width: 991px) {
    .about-topic {
        margin: 15px 0;
    }
}
@media screen and (max-width: 767px) {
    .about-topic {
        margin: 15px auto;
        display: table;
        width: auto;
    }
}
.about-topic li {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
}
.about-topic li i {
    float: left;
    width: 30px;
}
@media screen and (max-width: 320px) {
    .about-topic li i {
        width: 25px;
        margin: 5px 0;
    }
}
.about-topic li p {
    overflow: hidden;
    display: block;
    color: #000;
    line-height: normal;
	font-size:14px;
}
@media screen and (max-width: 320px) {
    .about-topic li p {
        font-size: 14px;
    }
}
.about-img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .about-img {
        text-align: center;
    }
}
.about-btn {
    height: 50px;
    border: 1px solid #0071b7;
    border-radius: 3px;
    width: 160px;
    font-size: 16px;
    text-align: center;
    background: transparent;
    width: 170px;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 320px) {
    .about-btn {
        height: 40px;
    }
}
.about-btn:hover {
    background: #B26E30;
    color: #fff;
    border: 1px solid #B26E30;
}
@media screen and (max-width: 640px) {
    .about-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 640px) {
    .about-btn {
        font-size: 15px;
    }
}
.textarea {
    height: auto !important;
    margin: 20px 0 0 0;
    padding: 20px !important;
    resize: vertical;
    border-radius: 0;
}
.textarea:focus {
    box-shadow: none;
    border-color: #B26E30;
}
@media screen and (max-width: 991px) {
    .textarea {
        padding: 15px !important;
    }
}
@media screen and (max-width: 640px) {
    .textarea {
        margin: 0;
    }
}
@media screen and (max-width: 320px) {
    .textarea {
        padding: 10px !important;
    }
}
.about-us {
    background-image: url(../images/about-banner.png);
}
.Founder {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
}
@media screen and (max-width: 320px) {
    .Founder {
        display: inline-block;
    }
}
.Founder .Founder-info {
    display: inline-block;
    width: 40%;
    text-align: center;
    float: left;
}
@media screen and (max-width: 991px) {
    .Founder .Founder-info {
        width: 50%;
    }
}
@media screen and (max-width: 320px) {
    .Founder .Founder-info {
        width: 100%;
        margin: 5px 0;
    }
}
.Founder .Founder-info span {
    color: #B26E30;
}
@media screen and (max-width: 640px) {
    .Founder .Founder-info span {
        font-size: 14px;
    }
}
.elegant-design {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: rgba(148, 208, 244, .1);
}
.elegant-design .elegant-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 30px 0;
}
@media screen and (max-width: 991px) {
    .elegant-design .elegant-info {
        margin: 20px 0;
    }
}
@media screen and (max-width: 640px) {
    .elegant-design .elegant-info {
        margin: 15px 0;
    }
}
.elegant-design .elegant-info p {
    color: #000;
    margin: 5px 0 0 0;
}
@media screen and (max-width: 320px) {
    .elegant-design .elegant-info p {
        font-size: 14px;
    }
}
.contact-us {
    background-image: url(../images/contact-banner.png);
}
.get-touch {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.get-touch .get-touch-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .get-touch .get-touch-full .col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
    }
}
.get-touch .get-touch-full .get-touch-info {
    height: 60px;
    width: 100%;
    padding: 0 20px;
    font-size: 18px;
    border-color: #0071b7;
    box-shadow: none;
    border-radius: 0;
}
@media screen and (max-width: 991px) {
    .get-touch .get-touch-full .get-touch-info {
        height: 50px;
        padding: 0 15px;
        font-size: 16px;
    }
}
@media screen and (max-width: 640px) {
    .get-touch .get-touch-full .get-touch-info {
        height: 45px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 320px) {
    .get-touch .get-touch-full .get-touch-info {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 0 10px;
    }
}
.get-touch .get-touch-full .get-touch-btn {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
}
@media screen and (max-width: 767px) {
    .get-touch .get-touch-full .get-touch-btn {
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .get-touch .get-touch-full .get-touch-btn {
        margin: 15px 0 0 0;
    }
}
@media screen and (max-width: 320px) {
    .get-touch .get-touch-full .get-touch-btn {
        margin: 10px 0 0 0;
    }
}
.meet-restaurant {
    background: transparent url("../images/contact-section-banner.png") no-repeat fixed 0 0;
    background-size: cover;
	background-position: center center;
}
.meet-restaurant .meet-restaurant-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .meet-restaurant .meet-restaurant-full .col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
        margin: 0;
    }
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .meet-restaurant .meet-restaurant-full .meet-restaurant-info {
        padding: 20px 0;
        border-top: 1px solid #565656;
    }
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-icon i {
    font-size: 50px;
    color: #fff;
    height: 140px;
    width: 140px;
    background-color: #0071b7;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 991px) {
    .meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-icon i {
        font-size: 36px;
        height: 120px;
        width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-icon i {
        font-size: 30px;
        height: 100px;
        width: 100px;
    }
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info h4 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 10px 0 15px;
    color: #94d0f4;
    font-family: "ABeeZee", sans-serif;
}
@media screen and (max-width: 767px) {
    .meet-restaurant .meet-restaurant-full .meet-restaurant-info h4 {
        margin: 10px 0;
        font-size: 18px;
    }
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-location {
    color: #fff;
}
@media screen and (max-width: 767px) {
    .meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-location {
        font-size: 14px;
    }
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-location.meet-restaurant-email {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-location.meet-restaurant-conatct {
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
.meet-restaurant .meet-restaurant-full .meet-restaurant-info .meet-restaurant-location.meet-restaurant-conatct:hover {
    color: #0071b7;
}
.Reservation {
    background-image: url(../images/Reservation-banner.png);
}
.online-reservation .online-reservation-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .col-md-3.col-sm-6.col-xs-6 {
        width: 100%;
    }
}
.online-reservation .online-reservation-full .online-reservation-name {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
}
@media screen and (max-width: 991px) {
    .online-reservation .online-reservation-full .online-reservation-name.margin-top {
        margin-top: 20px;
    }
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name.margin-top {
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name.margin-top2 {
        margin-top: 10px;
    }
}
.online-reservation .online-reservation-full .online-reservation-name i {
    position: absolute;
    top: 35%;
    left: 15px;
    color: #999999;
    font-size: 18px;
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name i {
        font-size: 16px;
        top: 30%;
    }
}
.online-reservation .online-reservation-full .online-reservation-name .online-reservation-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 20px 0 45px;
    height: 60px;
    font-size: 16px;
}
@media screen and (max-width: 991px) {
    .online-reservation .online-reservation-full .online-reservation-name .online-reservation-info {
        height: 50px;
    }
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name .online-reservation-info {
        height: 45px;
        font-size: 15px;
        padding: 0 20px 0 40px;
    }
}
.online-reservation .online-reservation-full .online-reservation-name .online-reservation-info:focus {
    border-color: #B26E30;
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name .online-reservation-info.textarea {
        margin: 10px 0 0 0;
    }
}
.online-reservation .online-reservation-full .online-reservation-name.online-reservation-person {
    margin: 20px 0 0 0;
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .online-reservation-name.online-reservation-person {
        margin: 10px 0 0 0;
    }
}
.online-reservation .online-reservation-full .Reservation-btn-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
.online-reservation .online-reservation-full .Reservation-btn-full .Reservation-btn {
    width: 250px;
    margin: 40px 0 0 0;
}
@media screen and (max-width: 991px) {
    .online-reservation .online-reservation-full .Reservation-btn-full .Reservation-btn {
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .Reservation-btn-full .Reservation-btn {
        margin: 10px 0 0 0;
        width: 200px;
    }
}
.online-reservation .online-reservation-full .Reservation-btn-full .Reservation-btn i {
    width: 25px;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .online-reservation .online-reservation-full .Reservation-btn-full .Reservation-btn i {
        width: 20px;
    }
}
.events-reservation {
    background-image: url(../images/Events-banner.png);
    background-attachment: scroll;
}
.events-reservation .events-reservation-full .events-reservation-info h4 {
    color: #fff;
    margin: 20px 0 5px 0;
}
@media screen and (max-width: 991px) {
    .events-reservation .events-reservation-full .events-reservation-info h4 {
        font-size: 16px;
        margin: 15px 0 5px 0;
    }
}
@media screen and (max-width: 640px) {
    .events-reservation .events-reservation-full .events-reservation-info h4 {
        margin: 5px 0 2px 0;
        font-size: 15px;
    }
}
.events-reservation .events-reservation-full .events-reservation-info .meet-restaurant-location {
    color: #fff;
}
.our-menu-title {
    padding-bottom: 0;
}
.our-menu-title .our-menu-title-info {
    position: relative;
    padding-top: 20px;
}
@media screen and (max-width: 1199px) {
    .our-menu-title .our-menu-title-info {
        padding-top: 35px;
    }
}
@media screen and (max-width: 767px) {
    .our-menu-title .our-menu-title-info {
        padding-top: 45px;
    }
}
@media screen and (max-width: 640px) {
    .our-menu-title .our-menu-title-info {
        padding-top: 50px;
    }
}
.our-menu-title .our-menu-title-info::after {
    border: 1px solid #B26E30;
    position: absolute;
    display: inline-block;
    width: 35%;
    top: 35%;
    left: 0;
    content: "";
}
@media screen and (max-width: 1199px) {
    .our-menu-title .our-menu-title-info::after {
        top: 45%;
    }
}
@media screen and (max-width: 767px) {
    .our-menu-title .our-menu-title-info::after {
        top: 65%;
    }
}
@media screen and (max-width: 640px) {
    .our-menu-title .our-menu-title-info::after {
        width: 25%;
        top: 65%;
    }
}
.our-menu-title .our-menu-title-info::before {
    border: 1px solid #B26E30;
    position: absolute;
    display: inline-block;
    width: 35%;
    top: 35%;
    right: 0;
    content: "";
}
@media screen and (max-width: 1199px) {
    .our-menu-title .our-menu-title-info::before {
        top: 45%;
    }
}
@media screen and (max-width: 767px) {
    .our-menu-title .our-menu-title-info::before {
        top: 65%;
    }
}
@media screen and (max-width: 640px) {
    .our-menu-title .our-menu-title-info::before {
        width: 25%;
        top: 65%;
    }
}
.our-menu {
    background-image: url(../images/our-menu-banner.png);
}
.our-menu-name.sticky {
    position: fixed;
    top: 72px;
    left: 0;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
    z-index: 10;
    background: #B26E30;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 991px) {
    .our-menu-name.sticky {
        top: 64px;
    }
}
.our-menu-name.sticky ul {
    padding: 5px 0;
}
.our-menu-name.sticky ul li a {
    font-size: 20px;
    color: #ffffff;
}
@media screen and (max-width: 1199px) {
    .our-menu-name.sticky ul li a {
        font-size: 18px;
    }
    .our-menu-name.sticky {
        top: 67px;
    }
}
@media screen and (max-width: 991px) {
    .our-menu-name.sticky ul li a {
        font-size: 17px;
    }
    .our-menu-name.sticky {
        top: 64px;
    }
}
.our-menu-name.sticky ul li a.our-menu-name-info.active {
    color: #000;
}
.our-menu-name ul {
    display: table;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
    .our-menu-name ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}
.our-menu-name ul li {
    float: left;
}
.our-menu-name ul li a {
    font-family: "ABeeZee", sans-serif;
    font-size: 36px;
    color: #B26E30;
    margin: 0 20px;
}
@media screen and (max-width: 1199px) {
    .our-menu-name ul li a {
        font-size: 32px;
    }
}
@media screen and (max-width: 991px) {
    .our-menu-name ul li a {
        font-size: 26px;
        margin: 0 16px;
    }
}
@media screen and (max-width: 767px) {
    .our-menu-name ul li a {
        font-size: 22px;
        margin: 0 14px;
    }
    .our-menu-name.sticky {
        top: 56px;
    }
}
.our-breakfast {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.our-breakfast .our-breakfast-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info {
        padding: 20px 0;
        border-top: 1px solid #e6e6e6;
    }
}
@media screen and (max-width: 320px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info {
        padding: 15px 0;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info .dessert-info {
    display: block;
    overflow: hidden;
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info .dessert-info .our-menu-sentence {
        line-height: 20px;
        text-align: left;
    }
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info {
        text-align: left;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img {
    display: inline-block;
    width: auto;
    padding: 12px;
    border: 3px solid #B26E30;
    border-radius: 100%;
}
.our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover .our-menu-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: table;
    margin: -22px auto 0;
    color: #fff;
    z-index: 9;
    transform: scale(0);
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 767px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover .our-menu-icon {
        display: none;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover:hover:after {
    transform: scale(1);
}
.our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover:hover .our-menu-icon {
    transform: scale(1);
}
.our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover:after {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0.8;
    transform: scale(0);
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 767px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img .our-breakfast-hover:after {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img {
        border: 1px solid #B26E30;
        padding: 5px;
        float: left;
        margin-right: 15px;
    }
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info .our-breakfast-img img {
        width: 60px;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info h3 {
    margin: 30px 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000;
}
@media screen and (max-width: 1199px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info h3 {
        font-size: 25px;
    }
}
@media screen and (max-width: 991px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info h3 {
        font-size: 22px;
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info h3 {
        font-size: 20px;
        margin: 15px 0 0 0;
        line-height: 26px;
    }
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info h3 {
        margin: 0;
        font-size: 18px;
    }
}
.our-breakfast .our-breakfast-full .our-breakfast-info span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 18px;
    color: #B26E30;
    margin: 15px 0 10px 0;
}
@media screen and (max-width: 1199px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info span {
        font-size: 18px;
        margin: 10px 0 5px 0;
    }
}
@media screen and (max-width: 767px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info span {
        font-size: 16px;
        margin: 10px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .our-breakfast .our-breakfast-full .our-breakfast-info span {
        margin: 5px 0 0 0;
    }
}
.our-blog {
    background-image: url(../images/blog-banner.png);
}
.full-our-blog .our-blog-news {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-our-blog .our-blog-news .our-blog-news-left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 35px 0 0 0;
}
@media screen and (max-width: 767px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full {
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full {
        margin: 10px 0 0 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date {
    width: 10%;
    vertical-align: top;
    float: left;
    text-align: center;
    padding: 0 0 20px 0;
    border-bottom: 3px solid #B26E30;
    margin: 0 25px 0 0;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date {
        padding: 0 0 10px 0;
        margin: 0 15px 0 0;
    }
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date {
        margin: 0 10px 0 0;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date {
        width: 100px;
        border-bottom: 1px solid #B26E30;
        padding: 0 0 5px 0;
        display: flex;
        align-items: center;
        align-content: center;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h1 {
    color: #000;
    font-size: 40px;
    margin: 0;
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h1 {
        font-size: 38px;
    }
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h1 {
        font-size: 32px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h1 {
        font-size: 26px;
        float: left;
        width: auto;
        margin: 0 10px 0 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date span {
    color: #000;
    font-size: 14px;
    margin: 15px 0 7px 0;
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date span {
        margin: 10px 0 5px;
    }
}
@media screen and (max-width: 767px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date span {
        margin: 5px 0 5px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date span {
        margin: 0;
        width: auto;
        float: left;
        margin: 0 4px 0 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h4 {
    color: #000;
    display: inline-block;
    width: 100%;
    margin: 0;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h4 {
        font-size: 14px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-date h4 {
        float: left;
        width: auto;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info {
    overflow: hidden;
    display: block;
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info {
        overflow: visible;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info h1 {
    color: #000;
    width: 100%;
    display: inline-block;
    margin: 0;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info h1 {
        font-size: 34px;
    }
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info h1 {
        font-size: 30px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info h1 {
        font-size: 24px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 20px 0 10px 0;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon {
        margin: 10px 0 5px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li {
    float: left;
    margin: 0 25px 0 0;
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li {
        margin: 0 14px 0 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li i {
    color: #B26E30;
    font-size: 16px;
    width: 25px;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li i {
        font-size: 15px;
        width: 20px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li a {
    font-size: 18px;
    color: #000;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li a {
        font-size: 15px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li a {
        font-size: 14px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .our-blog-news-icon li a:hover {
    color: #B26E30;
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .blog-sentence {
    text-align: left;
}
.full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .blog-btn {
    margin-top: 20px;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .blog-btn {
        font-size: 16px;
        width: 150px;
        height: 45px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full .our-blog-news-info .blog-btn {
        font-size: 14px;
        width: 130px;
        height: 40px;
        margin-top: 15px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .full-our-blog .our-blog-news .our-blog-news-right {
        margin: 40px 0 0;
    }
}
@media screen and (max-width: 320px) {
    .full-our-blog .our-blog-news .our-blog-news-right {
        margin: 25px 0 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 45px 0;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts {
        padding: 0 0 35px 0;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts {
        padding: 0 0 25px 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-title {
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    color: #B26E30;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-title {
        font-size: 22px;
        margin: 0 0 25px 0;
        font-weight: normal;
    }
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-title {
        font-size: 17px;
        margin: 0 0 20px 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 0 20px 0;
}
@media screen and (max-width: 1199px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li {
        padding: 0 0 15px 0;
    }
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li {
        padding: 0 0 10px 0;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li:last-child {
    padding: 0;
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li a {
    color: #000;
    -moz-transition: all 0.3s 0s, color 0s;
    -o-transition: all 0.3s 0s, color 0s;
    -webkit-transition: all 0.3s 0s, color 0s;
    transition: all 0.3s 0s, color 0s;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li a {
        font-size: 14px;
    }
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li a:hover {
    color: #B26E30;
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li small {
    color: #999999;
    font-size: 100%;
}
.full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li p {
    color: #000;
    display: inline-block;
}
@media screen and (max-width: 991px) {
    .full-our-blog .our-blog-news .our-blog-news-right .recent-posts .recent-posts-info li p {
        font-size: 13px;
    }
}
.our-blog-detiles {
    background-image: url(../images/blog-in-banner.png);
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles {
        margin-top: 20px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles {
    border-bottom: 0;
    padding: 0;
    background: #B26E30;
    border-radius: 5px;
    padding: 0 0 10px;
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles {
        width: auto;
        padding: 0 10px 5px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles h1 {
    color: #fff;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles span {
    color: #fff;
    margin: 7px 0 0;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles span {
        margin: 3px 0 0;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles span {
        margin: 0 3px 0 0;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-date-detiles h4 {
    color: #fff;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .our-blog-news-icon {
    margin: 0;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles h1 {
    margin: 15px 0 20px;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles h1 {
        margin: 10px 0;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence {
    line-height: 40px;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence {
        line-height: 32px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence {
        line-height: 30px;
    }
}
@media screen and (max-width: 320px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence {
        line-height: 26px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence.blog-detiles-sentence {
    font-weight: bold;
    padding: 10px 0px;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence.blog-detiles-sentence {
        padding: 5px 0px;
    }
}
@media screen and (max-width: 767px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence.blog-detiles-sentence {
        padding: 5px 0;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .blog-sentence.blog-detiles-sentence {
        padding: 3px 0;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .our-blog-detiles-includes-title {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin: 30px 0;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .our-blog-detiles-includes-title {
        margin: 20px 0;
        font-size: 34px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-info-news-full-detiles .our-blog-news-info-detiles .our-blog-detiles-includes-title {
        margin: 10px 0;
        font-size: 24px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles {
    margin: 0;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles li {
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles li {
        margin: 7px 0;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles li i {
    color: #B26E30;
    width: 40px;
    margin-top: 5px;
}
@media screen and (max-width: 991px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles li i {
        width: 25px;
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-includes .about-topic-our-blog-detiles li p {
        font-size: 14px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table {
    font-size: 24px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table {
        font-size: 22px;
    }
}
@media screen and (max-width: 640px) {
    .full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table {
        font-size: 20px;
    }
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table thead {
    background: #B26E30;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table thead th {
    text-align: center;
    border: 0;
}
.full-our-blog-detiles .our-blog-news .our-blog-news-left .our-blog-news-full .our-blog-detiles-table-style .table ttr td {
    border: 0;
}
.our-blog-detiles-comment .our-blog-detiles-comment-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-name {
    width: 47%;
    float: left;
    border-radius: 5px;
    border: 1px solid #B26E30;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-name {
        width: 49%;
    }
}
@media screen and (max-width: 767px) {
    .our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-name {
        margin-bottom: 15px;
        height: 45px;
    }
}
@media screen and (max-width: 640px) {
    .our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-name {
        margin-bottom: 10px;
        width: 100%;
        height: 40px;
    }
}
.our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-name.blog-detiles-comment-name-right {
    float: right;
}
.our-blog-detiles-comment .our-blog-detiles-comment-full .blog-detiles-comment-text {
    border: 1px solid #B26E30;
    border-radius: 5px;
}
.our-blog-detiles-comment .our-blog-detiles-comment-full .our-blog-detiles-comment-btn {
    margin: 20px auto 0;
    display: table;
}
@media screen and (max-width: 767px) {
    .our-blog-detiles-comment .our-blog-detiles-comment-full .our-blog-detiles-comment-btn {
        margin: 15px auto 0;
    }
}
@media screen and (max-width: 640px) {
    .our-blog-detiles-comment .our-blog-detiles-comment-full .our-blog-detiles-comment-btn {
        margin: 10px auto 0;
    }
}
.our-blog-detiles-comment-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 22px 0;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box {
        padding: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box {
        padding: 15px 0;
    }
}
@media screen and (max-width: 640px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box {
        padding: 10px 0;
    }
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box img {
    float: left;
    margin: 0 30px 0 0;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box img {
        margin: 0 20px 0 0;
    }
}
@media screen and (max-width: 320px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box img {
        margin: 0 15px 0 0;
    }
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles {
    display: block;
    overflow: hidden;
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles .our-blog-detiles-comment-detiles-replay {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles .our-blog-detiles-comment-detiles-replay h6 {
    color: #000;
    font-size: 20px;
    width: auto;
    float: left;
    margin: 0;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles .our-blog-detiles-comment-detiles-replay h6 {
        font-size: 16px;
    }
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles .our-blog-detiles-comment-detiles-replay a {
    float: right;
    color: #B26E30;
    font-size: 17px;
    font-weight: bold;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles .our-blog-detiles-comment-detiles-replay a {
        font-size: 14px;
    }
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #707070;
    font-size: 14px;
    margin: 5px 0;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles span {
        font-size: 12px;
        margin: 3px 0;
    }
}
.our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000;
}
@media screen and (max-width: 991px) {
    .our-blog-detiles-comment-info .our-blog-detiles-comment-box .our-blog-detiles-comment-detiles p {
        font-size: 13px;
    }
}