@charset "utf-8";

.figure p,
body {
    letter-spacing: 1px
}

.index-4 a,
.index-4 a:hover,
.restora a,
.restora a:hover {
    text-decoration: none
}

.hovicon:before,
.input__label {
    -webkit-font-smoothing: antialiased
}

.figure .figcaption::after,
.figure .figcaption::before,
.hovicon:after {
    pointer-events: none
}

.blog-social ul,
.categories ul,
.event-contact ul,
.footer ul,
.img-overlay ul,
.plans-body ul {
    list-style: none
}

body {
    font-family: Raleway;
    color: #666;
    font-size: 17px;
    line-height: 26px
}

.padd-70 {
    padding: 70px 0
}

.padd-50 {
    padding: 50px 0
}

.padd-40 {
    padding: 40px 0
}

.padd-90 {
    padding: 90px 0
}

.padd-bottom {
    padding-bottom: 0
}

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #eeffe0;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #ff5722;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: black;
    border: 1px solid #ff5722;

}

.sidebar a:active {
    color: white;
    width: 200px;
    background-color: black;
    /* border: 1.5px solid #1fed90; */
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 36px;
    margin-left: 50px;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
    position: absolute;
    right: 1.5%;


}

.openbtn:hover {
    color: #111;
    background-color: #d2f69c;
}

#main {
    transition: margin-left .3s;
    padding: 20px;
}
/* .clearfix1{
    padding: 6px 9px;
    
} */


.hr {
    background-color: rgba(255, 255, 255, .3);
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.margin-top-menu {
    margin-top: 40px
}

#back-to-top .top {
    margin: 0;
    color: #fff;
    transition: all .5s ease-in-out;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    z-index: 999;
    background: 0 0;
    font-size: 20px;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px
}

.fifth-leading,
.four-leading,
.leading-head,
.six-leading,
.third-leading {
    margin-bottom: 20px
}

.fifth-leading img,
.first-leading img,
.four-leading img,
.second-leading img,
.six-leading img,
.third-leading img {
    transition-duration: 8s;
    width: 100%;
    left: 0
}

.fifth-leading,
.first-leading,
.four-leading,
.second-leading,
.six-leading,
.third-leading {
    height: 400px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
    overflow: hidden
}

#back-to-top .top:hover {
    background: #1e2327
}

.index-4-center-bg,
.index-4-top-bg {
    background-attachment: fixed;
    background-size: cover
}

.leading-page p {
    max-width: 500px;
    display: inline-block;
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.leading-page h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 19px;
    color: #191919
}

.leading-page h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.leading-head {
    text-align: center;
    font-size: 26px;
    color: #191919;
    font-family: Pacifico;
    margin-top: 30px
}

.first-leading {
    position: relative
}

.first-leading:hover img {
    top: -1277px
}

.first-leading img {
    position: absolute;
    top: 0
}

.second-leading {
    position: relative
}

.second-leading:hover img {
    top: -1299px
}

.second-leading img {
    position: absolute;
    top: 0
}

.third-leading {
    position: relative
}

.third-leading:hover img {
    top: -1235px
}

.third-leading img {
    position: absolute;
    top: 0
}

.four-leading {
    position: relative
}

.four-leading:hover img {
    top: -1378px
}

.four-leading img {
    position: absolute;
    top: 0
}

.fifth-leading {
    position: relative
}

.fifth-leading:hover img {
    top: -1562px
}

.fifth-leading img {
    position: absolute;
    top: 0
}

.six-leading {
    position: relative
}

.six-leading:hover img {
    top: -1301px
}

.six-leading img {
    position: absolute;
    top: 0
}

.leading-btm p {
    margin-top: 30px;
    font-weight: 700
}

.leading-btm a {
    margin-bottom: 0;
    margin-top: 15px
}

.leading-footer p {
    max-width: 700px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:320px) and (max-width:359px) {
    .first-leading:hover img {
        top: -951px
    }

    .second-leading:hover img {
        top: -966px
    }

    .third-leading:hover img {
        top: -914px
    }

    .four-leading:hover img {
        top: -1032px
    }

    .fifth-leading:hover img {
        top: -1182px
    }

    .six-leading:hover img {
        top: -968px
    }
}

@media (min-width:360px) and (max-width:480px) {
    .first-leading:hover img {
        top: -1138px
    }

    .second-leading:hover img {
        top: -1153px
    }

    .third-leading:hover img {
        top: -1096px
    }

    .four-leading:hover img {
        top: -1228px
    }

    .fifth-leading:hover img {
        top: -1398px
    }

    .six-leading:hover img {
        top: -1157px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .first-leading:hover img {
        top: -1702px
    }

    .second-leading:hover img {
        top: -1717px
    }

    .third-leading:hover img {
        top: -1644px
    }

    .four-leading:hover img {
        top: -1824px
    }

    .fifth-leading:hover img {
        top: -2058px
    }

    .six-leading:hover img {
        top: -1728px
    }
}

@media (min-width:768px) and (max-width:799px) {
    .first-leading:hover img {
        top: -1178px
    }

    .second-leading:hover img {
        top: -1193px
    }

    .third-leading:hover img {
        top: -1135px
    }

    .four-leading:hover img {
        top: -1272px
    }

    .fifth-leading:hover img {
        top: -1446px
    }

    .six-leading:hover img {
        top: -1200px
    }
}

@media (min-width:800px) and (max-width:979px) {
    .first-leading:hover img {
        top: -1248px
    }

    .second-leading:hover img {
        top: -1263px
    }

    .third-leading:hover img {
        top: -1205px
    }

    .four-leading:hover img {
        top: -1348px
    }

    .fifth-leading:hover img {
        top: -1530px
    }

    .six-leading:hover img {
        top: -1272px
    }
}

@media (min-width:980px) and (max-width:1279px) {
    /* .col-lg-6{
        flex: auto;
        width: 50%;
    } */

    /* .mapouter {
        position: relative;
        text-align: right;
        width: 100%;
        height: 250px;
        margin-bottom: 5%
    }

    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        width: 100%;
        height: 265px;
        ;
    }

    .gmap_iframe {
        width: 600px !important;
        height: 400px !important;
    } */
    .first-leading:hover img {
        top: -1650px
    }

    .second-leading:hover img {
        top: -1665px
    }

    .third-leading:hover img {
        top: -1596px
    }

    .four-leading:hover img {
        top: -1774px
    }

    .fifth-leading:hover img {
        top: -1998px
    }

    .six-leading:hover img {
        top: -1680px
    }
}

.index-4-top-bg {
    background-image: url(../img/index-4-top.jpg);
    background-position: bottom
}

.index-4-top-bg-black {
    background-color: rgba(0, 0, 0, .3);
    width: auto;
    height: auto;
    padding: 100px 0
}

.index-4-top-bg h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.index-4-top-bg h2 {
    color: #FFF;
    font-size: 80px;
    margin-top: 0;
    font-family: Pacifico;
    line-height: 1.3
}

.hover-img {
    position: relative
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, .8)
}

.image-hover {
    display: block;
    width: 100%;
    height: auto
}

.hover-img:hover .overlay {
    opacity: 1
}

#clockdiv {
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 30px
}

.counter-sec,
.counter-sec h3 {
    text-align: center;
    color: #FFF
}

#clockdiv>div {
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block
}

#clockdiv div>span {
    display: inline-block;
    font-family: Pacifico;
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 10px
}

.counter-sec {
    position: relative;
    padding: 60px 0;
    font-weight: 700;
    font-size: 120px;
    line-height: normal;
    box-shadow: 0 -16px 30px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 -16px 30px rgba(0, 0, 0, .7)
}

.counter-sec div {
    position: absolute;
    height: 100px;
    top: -20px;
    width: 100px;
    left: 0;
    margin: 0 auto;
    right: 0;
    transform: rotate(45deg)
}

.counter-num {
    vertical-align: middle;
    margin-bottom: 0
}

.counter-sec h3 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: Raleway;
    font-weight: 700;
    margin-top: 15px
}

.logo-bg h2,
.text-h2 {
    color: #191919;
    font-weight: 700;
    text-align: center
}

@media (min-width:320px) and (max-width:480px) {
    .counter-sec {
        font-size: 60px
    }

    .counter-sec h3 {
        font-size: 14px
    }

    .index-tab ul li {
        margin: 0 00px
    }

    .shop-des .tab-content .comment-box h2 {
        text-align: center
    }
}

@media (min-width:481px) and (max-width:767px) {
    .counter-sec {
        font-size: 80px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .counter-sec {
        font-size: 100px
    }

}

/* .logo-bg {
    background-color: #f5f5f5;
    padding: 30px 0
} */

.logo-bg h2 {
    font-size: 20px;
    margin-bottom: 50px
}

.text-h2 {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.index-4-center-bg {
    background-image: url(../img/about-head-img.jpg)
}

.index-4-center-bg-black {
    background-color: rgba(0, 0, 0, .3);
    width: auto;
    height: auto;
    padding: 100px 0
}

.index-4-center-bg h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.index-4-center-bg h2 {
    color: #FFF;
    font-size: 80px;
    margin-top: 0;
    font-family: Pacifico;
    line-height: 1.3
}





/* @media screen and (max-width: 950px) {
    .sidebar {
        padding-top: 15px;
    }

    .sidebar a {
        font-size: 20px;
    }
    .sidebar .closebtn {
        right: 10px;
        font-size: 36px;
        margin-left: 50px;
    }
} */


.img-overlay ul li {
    float: none
}

< !--TOP-->.figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer
}

.figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%
}

.index-4 a,
.restora a,
.restora-icon,
.slider p {
    display: inline-block
}

.figure .figcaption {
    padding: 10px;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.figure .figcaption,
.figure .figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.figure .figcaption>a {
    z-index: 1000;
    opacity: 0
}

.figure h2 {
    word-spacing: -.15em;
    font-weight: 300
}

.figure h2 span {
    font-weight: 800
}

.figure h2,
.figure p {
    margin: 0
}

.figure p {
    font-size: 68.5%
}

.effect-steve {
    z-index: auto;
    overflow: visible;
    position: relative
}

.article-img,
.recent-post-img,
.special-img,
figure {
    overflow: hidden
}

.effect-steve .figcaption {
    position: absolute;
    top: 0
}

.effect-steve h2:before,
.effect-steve:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.figure.effect-steve:before {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
    opacity: 0
}

.figure.effect-steve figcaption {
    z-index: 1
}

.figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    margin-bottom: 40px;
    width: 100%
}

.figure.effect-steve h2,
.figure.effect-steve p a {
    background: #fff;
    color: #191919
}

.home-2-bg,
.menu-slider-bg,
.testi-bg {
    background-attachment: fixed
}

.book-table-bg-one,
.home-2-bg,
.menu-slider-bg,
.newslatter-bg,
.testi-bg {
    background-size: cover
}

.tab-pane .figure.effect-steve p a {
    color: #fff
}

.figure.effect-steve h2 {
    position: relative;
    padding: .25em;
    text-align: center;
    font-family: Pacifico;
    line-height: 45px
}

.figure.effect-steve p a {
    margin-top: 1em;
    padding: .5em;
    opacity: 0;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
    cursor: pointer;
    font-family: Raleway;
    font-size: 14px;
    line-height: normal;
    font-weight: 700
}

.effect-steve:hover:before {
    opacity: 1
}

.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
    transform: perspective(1000px) translate3d(0, 0, 21px)
}

.effect-steve:hover h2:before {
    opacity: 0
}

.effect-steve:hover p a {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.portfolio {
    margin-top: 30px
}

.portfolio figure {
    position: relative
}

.img {
    padding-top: 45px
}

.restora {
    padding: 80px 0 30px
}

.index-4 {
    padding: 50px 0
}

.restora-icon {
    margin-top: 20px
}

.restora h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 19px;
    color: #191919
}

.restora h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.restora p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.index-4 h3,
.restora a {
    font-weight: 700;
    color: #191919
}

.restora a {
    line-height: 30px;
    margin-top: 15px
}

.restora a:hover {
    color: #191919
}

.index-4 h3 {
    font-family: Raleway;
    font-size: 19px
}

.index-4 h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.index-4 p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.index-4 a {
    font-weight: 700;
    color: #191919;
    line-height: 30px;
    margin-top: 15px
}

.index-4 a:hover {
    color: #191919
}

.menu-slider-bg {
    background-image: url(../img/story-bg.jpg)
}

.menu-slider-bg-black {
    background-color: rgba(0, 0, 0, .4);
    height: auto;
    width: 100%
}

.slider-h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 18px;
    color: #FFF
}

.slider h2 {
    font-family: Pacifico;
    font-size: 46px;
    color: #FFF;
    line-height: 1.2
}

.content p,
.slider p,
.slider-2 p {
    line-height: 25px;
    max-width: 500px
}

.slider p {
    font-weight: 500;
    margin-top: 10px;
    color: #FFF
}

.menu-list {
    border-bottom: 1px dashed #FFF;
    margin-bottom: 15px
}

.menu-list b {
    color: #FFF;
    font-size: 20px;
    float: left;
    text-align: left
}

.menu-list span {
    text-align: right;
    color: #FFF;
    font-weight: 700;
    display: block;
    font-size: 28px
}

.menu-list h4 {
    font-family: Raleway;
    color: #FFF;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    text-align: left
}

.menu-all-btn,
.menu-all-btn-wht {
    padding: 13px 40px;
    margin-bottom: 30px;
    margin-top: 15px;
    font-weight: 700;
    display: inline-block;
    transition: all .4s;
    text-decoration: none
}

.menu-all-btn-wht {
    color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #ff5722
}

.menu-all-btn-wht:hover {
    color: #191919;
    background-color: #FFF;
    border: 2px solid #191919;
    text-decoration: none
}

.menu-all-btn {
    color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.menu-all-btn:hover {
    background-color: #FFF;
    text-decoration: none
}

.index-tab ul {
    display: inline-block
}

.index-tab ul li {
    width: auto
}

.index-tab ul li a {
    color: #FFF;
    font-family: Pacifico;
    font-size: 36px;
    transition: all .4s;
    padding: 10px
}

.slider-2-h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 18px;
    color: #FFF
}

.slider-2 h2 {
    font-family: Pacifico;
    font-size: 46px
}

.slider-2 p {
    font-weight: 500;
    margin-top: 10px;
    display: inline-block
}

.menu-list-2 {
    border-bottom: 1px dashed #191919;
    margin-bottom: 15px
}

.menu-list-2 b {
    font-size: 20px;
    color: #191919;
    float: left
}

.menu-list-2 span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 28px;
    color: #191919
}

.menu-list-2 h4 {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    color: #191919;
    text-align: left
}

.content {
    text-align: center
}

.content h2 {
    font-family: Pacifico;
    font-size: 46px
}

.content p {
    font-weight: 500;
    margin-top: 10px;
    display: inline-block
}

.content-sld {
    margin-top: 50px
}

.content-sld b {
    font-size: 20px;
    float: left;
    margin-top: 20px
}

.content-sld span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 28px;
    color: #ff5722;
    margin-top: 20px
}

.gallery-head-bg h2,
.gallery-head-bg p,
.head-img h2,
.head-img p,
.icon-bor,
.newslatter-bg a,
.swiper-slide,
.testimonial {
    text-align: center
}

.content-sld h4 {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0
}

.gallery-head-bg h2,
.home-2-bg h2,
.menu-top h3,
.newslatter-bg h2,
.plans-body h2,
.testimonial-head-h2 {
    font-family: Pacifico
}

.testi-bg {
    background-image: url(../img/testimonial-bg.jpg)
}

.testimonial-under {
    width: 100px;
    height: 3px;
    background-color: #262b2a;
    display: inline-block;
    margin-bottom: 50px
}

.testimonial-head-h3 {
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.testimonial-head-h2 {
    color: #FFF;
    display: inline-block;
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: 10px
}

.testimonial .pic {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto 15px
}

.testimonial .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #FFF
}

.testimonial .testimonial-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    margin: 20px 0 0;
    text-transform: uppercase
}

.testimonial p {
    color: #FFF;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 0
}

.testimonial span {
    width: 2px;
    height: 25px;
    display: inline-block
}

.testimonial .testimonial-title small {
    font-size: 15px;
    font-weight: 600;
    color: #787878
}

.testimonial .description {
    font-size: 17px;
    color: #FFF;
    line-height: 27px;
    position: relative;
    margin-top: 30px
}

.owl-theme .owl-controls .owl-page span {
    border: 2px solid #FFF;
    opacity: 1
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    border: 2px solid #FFF;
    background-color: #FFF
}

.home-2-bg {
    background-image: url(../img/home-2-back.jpg)
}

.home-2-bg h2 {
    font-size: 46px
}

.menu-b {
    color: #FFF;
    font-size: 16px;
    float: left;
    margin-top: 15px
}

.menu-span {
    font-size: 20px;
    float: right;
    font-weight: 700;
    margin-top: 15px
}

.menu-p {
    color: #FFF;
    font-size: 14px;
    float: left;
    font-weight: 400
}

.icon-bor {
    width: 100px;
    height: 100px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ff5722;
    display: inline-block;
    line-height: 90px;
    transition: all .4s
}

.icon-bor i {
    font-size: 60px;
    color: #ff5722
}

.icon-bor:hover {
    background-color: #ff5722
}

.icon-bor:hover>i {
    color: #FFF
}

.menu-top a,
.plans-body:hover>h2,
.plans-body:hover>h3,
.plans-body:hover>p,
.plans-body:hover>ul li a {
    color: #191919
}

.block {
    margin-top: 50px
}

.hovicon.effect-3 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.hovicon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.hovicon:before {
    speak: none;
    line-height: 110px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block
}

#lab_video_text_overlay .btn,
.blog-head-img p,
.box,
.capcities h3,
.cart-head-img p,
.checkout h2,
.come-soon-bg p,
.contact-head-img p,
.error-img p,
.event-head-img p,
.footer-h2,
.gallery-head-bg p,
.head-img p,
.recipe-head-img p,
.shop-a,
.shop-head-img p {
    text-transform: uppercase
}

.menu-top a,
.menu-top span,
.plan-btn,
.plans-body p {
    display: inline-block
}

.menu-top h3 {
    font-size: 30px
}

.menu-top span {
    width: 50px;
    height: 3px
}

.menu-top p {
    line-height: 26px;
    margin-top: 10px
}

.menu-top a {
    font-weight: 700;
    text-decoration: none;
    line-height: 30px;
    margin-top: 15px
}

.menu-top a:hover {
    text-decoration: none;
    color: #191919
}

.plans-body {
    border: 2px solid #FFF;
    margin-top: 40px;
    background-color: transparent;
    transition: all .4s
}

.plans-body:hover {
    background-color: #FFF
}

.plan-btn,
.plans-body h2,
.plans-body h3,
.plans-body p,
.plans-body ul li a {
    color: #FFF;
    transition: all .4s
}

.plan-icon {
    margin-top: 35px
}

.plans-body h2 {
    font-size: 68px;
    margin-top: 10px
}

.plans-body h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px
}

.plans-body p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 0
}

.plans-body ul {
    padding-left: 0;
    margin-top: 15px
}

.plans-body ul li {
    line-height: 30px
}

.newslatter-bg a,
.newslatter-bg input {
    line-height: 65px;
    width: 100%;
    margin-top: 20px
}

.plan-btn {
    padding: 14px 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 15px
}

.plan-btn:hover {
    color: #191919;
    text-decoration: none;
    border: 2px solid #191919;
    background-color: transparent
}

.newslatter-bg {
    background-image: url(../img/menu-caption.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.newslatter-bg-org {
    height: auto;
    width: auto
}

.newslatter-bg h2 {
    font-size: 50px;
    color: #FFF;
    margin-top: 0
}

.newslatter-bg input {
    background-color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: none;
    text-indent: 20px;
    color: #191919
}

.newslatter-bg a {
    background-color: #191919;
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF;
    font-weight: 700;
    transition: all .4s
}

.newslatter-bg a:hover {
    text-decoration: none;
    color: #191919;
    background-color: #fff
}

.book-table-bg-one {
    background-image: url(../img/slider/slider-1.jpg.jpg)
}

.book-table-bg-one-black {
    background-color: rgba(0, 0, 0, .45);
    width: auto;
    height: auto
}

.book-table-bg-one h2,
.book-table-bg-one h3,
.book-table-bg-one p {
    color: #FFF
}

.book-table-bg-one .fa-calendar,
.book-table-bg-one span {
    color: rgba(255, 255, 255, .5)
}

.book-table-bg-one .input__label--nariko::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 64px;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, 1px, 0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.book-table-bg-one .textarea:focus+.input__label--nariko .input__label-content--nariko {
    color: #fff;
    -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
}

.message .textarea:focus+.input__label--nariko .input__label-content--nariko {
    -webkit-transform: translate(0, -70px, 0) scale3d(.81, .81, 1);
    transform: translate(0, -70px, 0)
}

.message .input--filled .input__label-content--nariko {
    color: #fff;
    -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
}

.message .input__label-content--nariko {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

#lab_video_text_overlay h2 {
    font-size: 58px;
    font-family: Pacifico;
    color: #fff;
    line-height: 65px
}

#lab_video_text_overlay p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px
}

#lab_video_text_overlay .btn {
    border-radius: 0;
    font-weight: 200
}

#lab_video_text_overlay .btn-warning {
    background-color: #F5D328
}

#lab_video_text_overlay {
    position: absolute;
    color: #FFF;
    width: 100%;
    top: 35%
}

#lab_video_text_overlay .container {
    text-align: center;
    margin: 0 auto; //  background-color:#690}

    @media screen and (max-width:480px) {
        #lab_video_text_overlay {
            top: 15%
        }

        #lab_video_text_wrap {
            height: 250px
        }

        #lab_video_text_overlay h2 {
            font-size: 26px;
            line-height: 1.1
        }

        #lab_video_text_overlay p {
            font-size: 10px
        }

        #lab_video_text_overlay a {
            display: none
        }
    }

    @media (min-width:481px) and (max-width:767px) {
        #lab_video_text_overlay {
            top: 15%
        }

        #lab_video_text_wrap {
            height: 250px
        }

        #lab_video_text_overlay h2 {
            font-size: 40px
        }

        #lab_video_text_overlay p {
            font-size: 20px
        }

        #lab_video_text_overlay a {
            display: none
        }
    }

    @media (min-width:768px) and (max-width:1024px) {
        #lab_video_text_overlay {
            top: 15%
        }

        #lab_video_text_wrap {
            height: 250px
        }

        #lab_video_text_overlay h2 {
            font-size: 50px
        }

        #lab_video_text_overlay p {
            font-size: 22px
        }

        #lab_video_text_overlay a {
            display: none
        }
    }

    .gallery-head-bg {
        background-image: url(../img/header-image/gallery-head.jpg);
        min-height: 500px
    }

    .gallery-head-bg-black {
        background-color: rgba(0, 0, 0, .4);
        width: 100%;
        min-height: 500px
    }

    .gallery-head-bg h2 {
        color: #FFF;
        font-size: 60px;
        margin-top: 17%
    }

    .gallery-head-bg p {
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .gallery-head-bg span {
        display: inline-block;
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .gallery-head-bg span b {
        font-weight: 800
    }

    .gallery-head-bg span a {
        text-decoration: none;
        color: #FFF
    }

    figure {
        margin: 0;
        padding: 0;
        height: 100%;
        position: relative;
        display: block;
        cursor: pointer
    }

    figure:hover figcaption {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        opacity: 1;
        top: 0
    }

    figcaption {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, .7);
        background-color: rgba color: #fff;
        -webkit-transition: all .9s ease;
        -moz-transition: all .9s ease;
        -o-transition: all .9s ease;
        -ms-transition: all .9s ease;
        transition: all .9s ease;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        -o-transition-delay: .1s;
        -ms-transition-delay: .1s;
        transition-delay: .1s
    }

    .menu-btm-bg,
    .menu-caption-bg,
    .menu-top-bg {
        background-attachment: fixed
    }

    .head-img,
    .menu-btm-bg,
    .menu-top-bg {
        background-size: cover
    }

    figure img {
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -o-transition: all 1.5s;
        -ms-transition: all 1.5s;
        transition: all 1.5s;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        -o-transition-delay: .1s;
        -ms-transition-delay: .1s;
        transition-delay: .1s
    }

    figure:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    figcaption i {
        margin: 48%;
        color: #fff
    }

    @media (max-width:480px) {
        figcaption i {
            margin: 46% 47%
        }

        .on-portfolio .shop-categorie-btm {
            min-height: 312px
        }
    }

    figure:hover a {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -ms-transition: all 1s;
        transition: all 1s;
        text-decoration: none;
        opacity: 1;
        line-height: 263px
    }

    figcaption a:hover {
        color: #fff;
        background-color: transparent;
        text-decoration: none
    }

    .on-portfolio img {
        width: 100%
    }

    .on-portfolio .item {
        margin-bottom: 30px
    }

    @media (max-width:991px) {
        .on-portfolio .item {
            padding: 0 40px
        }
    }

    @media (max-width:767px) {
        .on-portfolio .shop-categorie-btm {
            min-height: 434px
        }
    }

    @media (max-width:1024px) {
        .on-portfolio .shop-categorie-btm {
            min-height: 360px
        }
    }

    #portfolio-grid {
        margin-top: 100px
    }

    #projects-filter a {
        display: inline-block;
        padding: 16px;
        color: #191919;
        font-family: Raleway;
        font-weight: 600;
        margin: 0 12px
    }

    #projects-filter a:hover {
        color: #272727;
        text-decoration: none
    }

    #projects-filter a.active {
        cursor: default;
        color: #fff;
        text-decoration: none;
        border-radius: 5px
    }

    .gallery-head {
        background-color: #FFF;
        margin: 0 auto
    }

    .head-img {
        background-image: url(../img/header-image/menu-head.jpg);
        min-height: 500px
    }

    .head-img h2 {
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 17%
    }

    .head-img p {
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .head-img span {
        display: inline-block;
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .head-img span b {
        font-weight: 800
    }

    .head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .menu-top-bg {
        background-image: url(../img/menu-page-top-bg.jpg)
    }

    .menu-top-bg-front {
        background-color: rgba(0, 0, 0, .6);
        height: auto;
        width: auto
    }

    .menu-btm-bg {
        background-image: url(../img/menu-page-btm-bg.jpg)
    }

    .menu-page-btm-menu {
        position: relative;
        border-bottom: 1px dashed #191919;
        margin-bottom: 15px;
        padding-left: 100px;
        height: 100px
    }

    .menu-page-btm-menu img {
        position: absolute;
        left: 0
    }

    .menu-page-list-2 {
        padding-top: 15px
    }

    .menu-page-list-2 b {
        font-size: 20px;
        float: left;
        color: #191919
    }

    .menu-page-list-2 span {
        text-align: right;
        font-weight: 700;
        display: block;
        font-size: 28px;
        color: #191919
    }

    @media (min-width:320px) and (max-width:369px) {
        .menu-page-list-2 span {
            text-align: left;
            margin: 5px 0
        }
    }

    .menu-page-list-2 h4 {
        font-family: Raleway;
        font-weight: 400;
        font-size: 16px;
        margin-top: 0;
        color: #191919
    }

    .menu-sty-2 h2 {
        font-family: Pacifico;
        color: #191919;
        font-size: 36px
    }

    .menu-sty-2 .heading span {
        width: 90px;
        height: 4px;
        display: block;
        margin-bottom: 40px
    }

    .menu-sty-div {
        margin-bottom: 25px
    }

    .menu-sty-div span {
        text-align: right;
        font-weight: 700;
        display: block;
        font-size: 20px;
        color: #191919
    }

    .menu-page-list-tit {
        padding-right: 257px;
        float: left
    }

    .menu-list-des {
        position: relative;
        display: block
    }

    .menu-page-list-tit h4 {
        position: relative;
        padding-right: 3px;
        display: inline-block;
        z-index: 5;
        background-color: #FFF;
        flex: 1 0 auto
    }

    .menu-page-list-tit span.dots {
        background-image: radial-gradient(circle closest-side, #383c50 99%, transparent 1%);
        background-position: center bottom;
        background-repeat: repeat-x;
        background-size: 6px 3px;
        border: 0;
        bottom: 11px;
        display: block;
        height: 3px;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        z-index: 1
    }

    .featured.highlight {
        margin-bottom: 15px
    }

    .menu-list__item-desc,
    .menu-page-list-tit {
        position: relative;
        margin-bottom: 0;
        text-align: left
    }

    .menu-sty-div {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        align-items: baseline;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .menu-page-list-tit {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-top: 0;
        padding: 0
    }

    .menu-item-price {
        background-color: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-left: 5px;
        position: relative;
        z-index: 5
    }

    .menu-list-des h4 {
        line-height: 18px;
        margin: 0;
        font-size: 16px
    }

    .menu-list__item-desc {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .forimg span.box {
        margin: 0;
        color: #fff;
        width: 100%;
        text-align: left;
        font-size: 17px
    }

    .menu-sty-div.section-starters.padright {
        padding-right: 30px;
        margin-bottom: 10px
    }

    @media screen and (max-width:1280px) {
        .menu-sty-div span {
            font-size: 20px
        }

        .menu-list-des h4 {
            font-size: 16px
        }
    }

    @media screen and (max-width:992px) {
        .menu-page-list-tit h4 {
            font-size: 14px
        }

        .menu-sty-div span {
            font-size: 18px
        }

        .menu-list-des h4 {
            font-size: 16px
        }
    }

    @media screen and (max-width:767px) {
        .menu-sty-div.section-starters.padright {
            padding-right: 15px
        }

        .menu-list-des h4 {
            font-size: 15px
        }
    }

    @media screen and (max-width:600px) {

        .imgsection .col-md-2.col-sm-2.col-xs-2,
        .imgsection.col-md-10.col-sm-10.menu-sty-div.section-starters.padright {
            width: 100%
        }

        .imgsection .col-md-2.col-sm-2.col-xs-2 img {
            display: block;
            margin: 0 auto
        }
    }

    @media screen and (max-width:480px) {
        .menu-page-list-tit h4 {
            font-size: 12px
        }

        .menu-list-des h4,
        .menu-sty-div span {
            font-size: 14px
        }
    }

    .box {
        color: #fff;
        display: block;
        margin: 0 -15px;
        padding: 3px 20px 2px
    }

    .menu-caption-bg {
        background-image: url(../img/menu-caption.jpg);
        background-size: cover;
        background-position: center
    }

    .menu-caption-bg-black {
        background-color: rgba(0, 0, 0, .6);
        height: auto;
        width: auto
    }

    .menu-caption-bg h2 {
        font-size: 50px;
        color: #FFF;
        font-family: Pacifico;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 56px
    }

    .menu-caption-bg p {
        font-size: 20px;
        color: #FFF
    }

    .menu-caption-bg a {
        display: inline-block;
        padding: 20px 40px;
        background-color: transparent;
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        border: 2px solid #fff;
        transition: all .4s;
        margin: 30px 0;
        line-height: normal
    }

    .menu-caption-bg a:hover {
        color: #FFF
    }

    .shop-head-img {
        background-image: url(../img/header-image/shop-head.jpg);
        min-height: 500px;
        background-position: center
    }

    .shop-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .shop-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 17%
    }

    .shop-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .shop-head-img span {
        display: inline-block;
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .shop-head-img span b {
        font-weight: 800
    }

    .shop-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .new-label {
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 2px 10px;
        border-radius: 3px;
        color: #fff;
        font-size: 15px;
        font-weight: 700
    }

    .shop,
    .shop-hover {
        position: relative
    }

    .menu-2-b {
        color: #191919;
        font-size: 15px;
        float: left;
        margin-top: 15px
    }

    .menu-2-span {
        font-size: 20px;
        float: right;
        font-weight: 700;
        margin-top: 15px
    }

    .menu-2-p {
        color: #666;
        font-size: 13px;
        float: left;
        font-weight: 400
    }

    .shop h2,
    .shop p,
    .shop span {
        float: none
    }

    .shop h2 {
        font-size: 18px;
        font-weight: 700
    }

    .del-food a i,
    .shop p,
    .shop-a {
        font-size: 14px
    }

    .shop span {
        display: inline-block;
        margin-top: 0;
        opacity: 1;
        transition: all .3s
    }

    .shop-a,
    a:hover div.shop-hover span.menu-2-span {
        opacity: 0
    }

    .shop .divider {
        margin: 15px 0
    }

    .shop-a {
        display: block;
        text-decoration: none;
        font-weight: 600
    }

    .cart-button a,
    .cart-hover .sub-cart-menu .list-product p b,
    .total-count b {
        font-weight: 700
    }

    a:hover div.shop-hover div.shop-a {
        opacity: 1;
        position: absolute;
        right: 35%;
        transform: scale(1.2);
        top: 0
    }

    @media (min-width:320px) and (max-width:359px) {
        a:hover div.shop-hover div.shop-a {
            right: 31%
        }
    }

    @media (min-width:360px) and (max-width:480px) {
        a:hover div.shop-hover div.shop-a {
            right: 31%
        }
    }

    .cart-hover {
        position: relative
    }

    .cart-hover:hover>.sub-cart-menu {
        margin: 0;
        opacity: 1;
        visibility: visible;
        padding: 15px;
        width: 300px
    }

    .cart-hover .sub-cart-menu {
        background-color: #fff;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
        left: -270px;
        margin: 20px 0 0;
        opacity: 0;
        padding-left: 0;
        position: absolute;
        text-align: left;
        transition: all .2s ease-in-out 0s;
        visibility: hidden;
        z-index: 9999
    }

    .cart-button,
    .total-count {
        text-align: center
    }

    @media (min-width:320px) and (max-width:992px) {
        .cart-hover:hover>.sub-cart-menu {
            opacity: 0;
            visibility: hidden;
            display: none
        }
    }

    .cart-hover .sub-cart-menu .list-product a h4 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        transition: all .3s;
        margin: 0;
        color: #191919
    }

    .cart-hover .sub-cart-menu .list-product p {
        margin-top: 5px;
        color: #666;
        line-height: normal
    }

    .cart-hover .sub-cart-menu .list-product p s {
        text-decoration: line-through;
        margin-right: 5px
    }

    .cart-hover .sub-cart-menu .hr {
        background-color: #d1d1d1;
        margin: 20px 0 15px
    }

    .list-product {
        position: relative;
        padding-left: 100px;
        min-height: 85px;
        margin-bottom: 10px
    }

    .list-product-img {
        position: absolute;
        left: 0
    }

    .del-food {
        position: absolute;
        right: 0;
        top: -5px;
        margin-left: 5px;
        line-height: normal
    }

    .del-food a i {
        color: #999
    }

    .cart-button a,
    .total-count {
        font-size: 14px;
        color: #191919;
        line-height: normal
    }

    .cart-button {
        margin: 15px 0;
        line-height: normal
    }

    .cart-button a {
        display: inline;
        margin: 0 6px
    }

    #search {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .9);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform: translate(0, -100%) scale(0, 0);
        -moz-transform: translate(0, -100%) scale(0, 0);
        -o-transform: translate(0, -100%) scale(0, 0);
        -ms-transform: translate(0, -100%) scale(0, 0);
        transform: translate(0, -100%) scale(0, 0);
        opacity: 0
    }

    #search.open {
        -webkit-transform: translate(0, 0) scale(1, 1);
        -moz-transform: translate(0, 0) scale(1, 1);
        -o-transform: translate(0, 0) scale(1, 1);
        -ms-transform: translate(0, 0) scale(1, 1);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }

    .article-img:hover img,
    .special-inn:hover .special-img img {
        transform: scale(1.1)
    }

    #search input[type=search] {
        position: absolute;
        top: 50%;
        width: 100%;
        color: #fff;
        background: rgba(0, 0, 0, 0);
        font-size: 60px;
        font-weight: 300;
        text-align: center;
        border: 0;
        margin: -51px auto 0;
        padding-left: 30px;
        padding-right: 30px;
        outline: 0
    }

    .shop-des h3,
    .shop-des p {
        text-align: left
    }

    @media (min-width:320px) and (max-width:767px) {
        #search input[type=search] {
            font-size: 20px
        }
    }

    #search .btn {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 61px;
        margin-left: -45px;
        font-weight: 700;
        color: #fff
    }

    .available,
    .review,
    .tag {
        font-weight: 600
    }

    #search .close {
        position: fixed;
        top: 15px;
        right: 15px;
        color: #fff;
        opacity: 1;
        padding: 10px 17px;
        font-size: 30px
    }

    .available,
    .review,
    .tag {
        font-size: 16px
    }

    .available {
        color: #ff5722;
        float: left
    }

    .rating,
    .review,
    .star {
        float: right
    }

    .available span {
        color: #191919
    }

    .review {
        color: #ed8a19
    }

    .star i {
        color: gold
    }

    .review span {
        color: #191919
    }

    .item-info {
        margin-top: 30px
    }

    .rating {
        border: none
    }

    .rating>input {
        display: none
    }

    .rating>label:before {
        margin: 0 2px;
        font-size: 16px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005"
    }

    .article-body h3,
    .blog-head-img h2,
    .cart-head-img h2,
    .categories h3,
    .count,
    .special-h4 h4,
    .story-head h2,
    .story-right h2,
    .story-top-head {
        font-family: Pacifico
    }

    .rating>.half:before {
        content: "\f089";
        position: absolute
    }

    .rating>label {
        color: #ddd;
        float: right
    }

    .rating:not(:checked)>label:hover,
    .rating:not(:checked)>label:hover~label,
    .rating>input:checked~label {
        color: gold
    }

    .rating>input:checked+label:hover,
    .rating>input:checked~label:hover,
    .rating>input:checked~label:hover~label,
    .rating>label:hover~input:checked~label {
        color: #FFED85
    }

    .tag {
        color: #666;
        margin-top: 10px
    }

    .item-desc h3,
    .tag span {
        color: #191919
    }

    .item-desc,
    .number-add,
    .recipes {
        margin-top: 30px
    }

    .item-desc h3 {
        font-size: 20px;
        font-weight: 700
    }

    .item-desc p {
        font-size: 16px;
        color: 666;
        font-weight: 500;
        line-height: 22px
    }

    .recipes h3 {
        font-size: 20px;
        color: #191919;
        font-weight: 700;
        margin-bottom: 10px
    }

    .check {
        position: relative;
        padding-left: 30px;
        color: #666;
        font-size: 16px;
        line-height: 20px
    }

    .shop-categorie-btn,
    .shop-categorie-btn:hover {
        color: #FFF;
        text-decoration: none
    }

    .check i {
        position: absolute;
        font-size: 18px;
        left: 0
    }

    .number-add {
        width: 150px;
        float: left
    }

    .shop-categorie-btn {
        padding: 11px 30px;
        display: inline-block;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 30px;
        margin-left: 10px;
        font-size: 16px
    }

    .shop-description {
        color: #191919;
        font-size: 20px;
        font-weight: 600
    }

    .shop-des {
        margin-top: 60px
    }

    .shop-des p {
        font-size: 16px;
        margin-bottom: 10px
    }

    .shop-des ul {
        border-bottom: 1px solid #ddd
    }

    .shop-des ul li {
        border: 1px solid #ddd
    }

    .shop-des ul li.active {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #fff;
        border-color: #ddd #ddd transparent;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #ff5722
    }

    .shop-des .tab-content {
        border: 1px solid #d1d1d1;
        padding: 30px;
        margin-top: -8px
    }

    .shop-des .tab-content .comment-box h2,
    .shop-des .tab-content .item-desc,
    .shop-des .tab-content .item-desc h3,
    .shop-des .tab-content .recipes h3 {
        margin-top: 0
    }

    .recipes-h3-top-margin {
        margin-top: 20px
    }

    .cart-head-img {
        background-image: url(../img/header-image/cart-head.jpg);
        min-height: 500px;
        background-position: center
    }

    .cart-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .cart-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        margin-top: 17%
    }

    .cart-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .cart-head-img span {
        display: inline-block;
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .cart-head-img span b {
        font-weight: 800
    }

    .cart-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .coupon,
    .update-cart {
        padding: 8px 15px;
        border-radius: 5px;
        color: #fff;
        font-weight: 700;
        letter-spacing: 0;
        text-align: center
    }

    .coupon {
        margin-left: 8px;
        margin-top: 3px
    }

    .update-cart {
        background-color: #666;
        display: inline-block;
        float: right
    }

    .input-close a i {
        transition: all .3s
    }

    .input-close a:hover i {
        color: #191919
    }

    .checkout {
        margin-top: 30px
    }

    .alert-faq .checkout {
        margin-top: 20px
    }

    .alert-faq #section1 {
        border: 1px solid #eee;
        padding: 12px;
        margin-bottom: 20px;
        font-weight: 400
    }

    .alert-faq #section1 a,
    .checkout h2,
    .story-head p {
        font-weight: 700
    }

    .alert-faq .accordian-body .faq {
        border: 1px solid #eee;
        margin-bottom: 20px;
        background-color: transparent;
        padding: 12px 20px
    }

    .alert-faq .accordian-body .faq p {
        color: #333;
        margin-bottom: 15px;
        line-height: 26px
    }

    .alert-faq a {
        margin-top: 0;
        margin-right: 10px;
        margin-bottom: 5px
    }

    .alert-coupon {
        border-radius: 6px;
        line-height: 40px
    }

    .alert-faq span {
        float: left;
        padding: 0;
        margin-right: 25px;
        background: 0 0
    }

    .lost-pwd {
        color: #333
    }

    .checkout h2 {
        font-size: 24px;
        color: #191919;
        margin-bottom: 30px;
        letter-spacing: 2px
    }

    .checkout h3 {
        font-size: 16px;
        color: #333;
        margin-top: 0
    }

    .checkout input {
        width: 100%;
        line-height: 50px;
        border: 1px solid #eee;
        margin-bottom: 15px;
        text-indent: 20px
    }

    .checkout .order-notes {
        height: 100px
    }

    .checkout .form-control {
        line-height: 50px;
        height: 50px;
        margin-bottom: 15px
    }

    .checkout .form-control option {
        height: 30px
    }

    .checkout label {
        margin-left: 10px
    }

    .check-faq .accordian-body .faq {
        background-color: transparent
    }

    .check-faq .accordian-body .faq p {
        color: #333;
        margin-bottom: 15px
    }

    .check-faq #section1 {
        cursor: pointer;
        padding-bottom: 0
    }

    .checkbox-span .accordion-close span {
        float: left;
        margin-right: 15px;
        background: url(../img/check-box/off.jpg) center center no-repeat;
        padding: 10px;
        display: block
    }

    .checkbox-span .accordion-open span {
        float: left;
        margin-right: 15px;
        background: url(../img/check-box/on.jpg) center center no-repeat;
        padding: 10px;
        display: block
    }

    .pay-faq .accordion-close span,
    .pay-faq .accordion-open span {
        float: left;
        padding: 8px;
        margin-right: 25px;
        display: block;
        margin-top: 5px;
        cursor: pointer
    }

    .pay-faq .accordion-close span {
        background: url(../img/Redio%20button/Off.png) center center no-repeat
    }

    .pay-faq .accordion-open span {
        background: url(../img/Redio%20button/On.png) center center no-repeat
    }

    .event-head-img,
    .story-left,
    .story-team-bg {
        background-position: center
    }

    .counter-bg,
    .event-huge-bg,
    .event-room-bg,
    .story-team-bg {
        background-attachment: fixed
    }

    .come-soon-bg,
    .counter-bg,
    .event-head-img,
    .event-huge-bg,
    .event-room-bg,
    .recipe-head-img,
    .story-head,
    .story-left,
    .story-team-bg {
        background-size: cover
    }

    .pay-faq {
        background-color: #f4f4f4;
        border: 1px solid #eee;
        padding: 10px;
        margin-top: 30px
    }

    .pay-faq h4 {
        display: inline
    }

    .pay-faq a.coupon {
        float: right;
        margin: 10px 0
    }

    .pay-faq #section1 {
        margin-top: 0;
        background-color: transparent
    }

    .pay-faq .accordian-body .faq {
        background-color: #fff;
        color: #333;
        position: relative;
        border: 1px solid #eee
    }

    .pay-faq .accordian-body .faq p {
        color: #333
    }

    .payment-box {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent #fff;
        border-image: none;
        border-style: solid;
        border-width: 1em;
        content: "";
        display: block;
        left: 0;
        margin: -1em 0 0 2em;
        position: absolute;
        top: -.75em
    }

    .blog-head-img span,
    .story-head span,
    .story-right a,
    .story-team-bg a,
    .story-top-head-img {
        display: inline-block
    }

    .story-head {
        background-image: url(../img/header-image/about-head-img.jpg);
        min-height: 500px
    }

    .story-head-black {
        background-color: rgba(0, 0, 0, .1);
        min-height: 500px;
        width: auto
    }

    .story-left,
    .story-right {
        width: 50%;
        float: left;
        height: 600px
    }

    .story-head h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        margin-top: 17%
    }

    .story-head p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 32px
    }

    .story-head span {
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .story-head span b {
        font-weight: 800
    }

    .story-head span a {
        text-decoration: none;
        color: #FFF
    }

    .story-top-head {
        font-size: 40px;
        margin-top: 0;
        line-height: 62px;
        color: #191919
    }

    .story-top-head-p {
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 23px
    }

    .story-top-head-b {
        font-size: 20px
    }

    .story-left {
        background-image: url(../img/story-left.jpg)
    }

    .story-right {
        background-color: #191919
    }

    .story-right h2 {
        font-size: 40px;
        color: #FFF
    }

    .story-right p {
        font-size: 30px;
        color: #FFF;
        line-height: 1.3;
        max-width: 500px;
        margin: 30px 0
    }

    .story-right a {
        font-weight: 700;
        text-decoration: none;
        color: #FFF;
        line-height: 30px
    }

    .story-right a:hover {
        color: #FFF
    }

    .story-mission {
        margin-top: 50px
    }

    .story-team-bg {
        background-image: url(../img/story-bg.jpg)
    }

    .story-team-bg-black {
        background-color: rgba(0, 0, 0, .4);
        height: auto;
        width: auto;
        padding: 100px 0
    }

    .story-team-bg h2 {
        font-size: 40px;
        font-family: Pacifico;
        color: #FFF;
        line-height: 60px;
        margin-top: 0
    }

    .story-team-bg p {
        font-size: 18px;
        line-height: 26px;
        color: #FFF
    }

    .story-team-bg a {
        font-weight: 700;
        text-decoration: none;
        color: #FFF;
        line-height: 30px;
        margin-top: 30px
    }

    .story-team-bg a:hover {
        color: #FFF
    }

    .counter-bg {
        background-image: url(../img/counter-up-bg.jpg);
        padding: 150px 0
    }

    .flaticon-coffee-cup,
    .flaticon-cooker {
        font-size: 72px;
        color: #ff5722
    }

    .flaticon-cover,
    .flaticon-restaurant {
        color: #ff5722
    }

    .counter-p {
        color: #FFF;
        font-weight: 700;
        font-size: 20px;
        margin-top: 15px
    }

    .count {
        font-size: 83px;
        color: #FFF;
        line-height: 80px
    }

    .counter-underline {
        width: 45px;
        height: 4px;
        margin: 0 auto
    }

    .chef-body h2 {
        font-size: 20px;
        font-weight: 700
    }

    .chef-body h4 {
        font-size: 16px;
        color: #191919;
        font-weight: 500
    }

    .chef-body p {
        font-size: 14px;
        color: #666;
        font-weight: 500;
        line-height: 22px
    }

    .blog-head-img {
        background-image: url(../img/header-image/blog-head-img.jpg);
        min-height: 500px;
        background-size: cover
    }

    .blog-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .blog-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        margin-top: 17%
    }

    .blog-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .blog-head-img span {
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .blog-head-img span b {
        font-weight: 800
    }

    .blog-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .article-img {
        margin-bottom: 20px
    }

    .article-img img {
        transition: all .4s ease 0s
    }

    .article-body {
        padding-left: 70px;
        position: relative
    }

    .article-body p {
        line-height: 26px;
        margin-right: 0;
        margin-top: 15px
    }

    .article-body h3 {
        font-size: 26px;
        color: #191919;
        margin-bottom: 15px;
        line-height: 34px
    }

    @media screen and (max-width:640px) {
        .article-body {
            padding-left: 0
        }

        .article-body h3 {
            padding-left: 70px
        }
    }

    .date {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        font-weight: 600;
        color: #FFF;
        position: absolute;
        left: 0;
        font-size: 17px;
        line-height: 20px;
        padding-top: 3px
    }

    .date span {
        font-size: 12px;
        display: block
    }

    .article-body-span {
        margin-right: 15px
    }

    @media screen and (max-width:360px) {
        .article-body-span {
            margin-right: 15px;
            display: block;
            margin-bottom: 5px
        }
    }

    .article-body-span a {
        text-decoration: none;
        color: #666;
        transition: all .4s
    }

    .article-read {
        padding: 15px 30px;
        border-radius: 11px;
        -webkit-border-radius: 11px;
        display: inline-block;
        margin-top: 15px;
        color: #FFF;
        text-decoration: none;
        font-weight: 600;
        line-height: normal
    }

    .page-1,
    .prev-blog {
        border: 1px solid #d1d1d1;
        display: inline-block;
        text-decoration: none
    }

    .article-read:hover {
        text-decoration: none;
        color: #FFF
    }

    .btm-line {
        width: auto;
        height: 4px;
        background-color: #262b2a;
        margin: 40px 0 18px
    }

    .blog-social ul li a,
    .page-1 {
        background-color: transparent;
        height: 50px;
        text-align: center
    }

    .prev-blog {
        font-size: 14px;
        color: #191919;
        width: 80px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: 800
    }

    .blog-social ul li a,
    .blog-social ul ul li a,
    .page-1 {
        width: 50px;
        line-height: 50px
    }

    .prev:hover {
        text-decoration: none;
        color: #262b2a
    }

    .page-1 {
        font-size: 17px;
        color: #191919;
        font-weight: 600;
        margin-right: 5px;
        transition: all .4s
    }

    .page-1:hover {
        text-decoration: none;
        color: #FFF;
        border: none
    }

    .blog-social {
        display: inline-block;
        margin-left: 20px
    }

    .blog-social ul {
        padding-left: 0
    }

    .blog-social ul li a {
        border: 1px solid #d1d1d1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        display: block;
        color: #191919;
        transition: delay .3s
    }

    .blog-social ul ul li {
        float: none;
        position: relative;
        z-index: 5;
        margin-right: 10px
    }

    .blog-social ul ul {
        display: none;
        position: absolute
    }

    .blog-social ul li:hover>ul {
        display: inline-flex;
        margin-top: -48px;
        padding-left: 65px
    }

    .blog-social ul ul li a {
        display: inline-block;
        text-decoration: none;
        padding: 0 15px;
        color: #333;
        transition: all .3s
    }

    .divider {
        background-color: #f1f1f1;
        height: 1px;
        margin: 40px 0 50px
    }

    .categories h3 {
        margin-top: 0;
        font-size: 34px;
        margin-bottom: 18px
    }

    .categories span {
        width: 90px;
        height: 3px;
        background-color: #191919;
        display: inline-block;
        margin-bottom: 20px
    }

    .categories ul {
        padding-left: 0
    }

    .categories ul li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f1f1
    }

    .categories ul li i {
        line-height: 24px;
        font-size: 18px
    }

    .categories ul li a {
        font-size: 16px;
        color: #666;
        transition: all .3s
    }

    .categories ul li a:hover {
        text-decoration: none
    }

    .special {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .special h3 {
        margin-top: 0;
        font-size: 34px;
        color: #b5121b
    }

    .special span {
        width: 100px;
        height: 2px;
        background-color: #262b2a;
        display: inline-block;
        margin-bottom: 20px
    }

    .special-img {
        z-index: -1
    }

    .special-inn .special-img img {
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .special-h4 {
        position: absolute;
        top: 0;
        z-index: 1;
        min-height: 167px;
        width: 90%
    }

    .special-h4 h4 {
        font-size: 28px;
        color: #FFF;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 232px;
        cursor: pointer
    }

    .special-inn {
        margin-bottom: 25px;
        position: relative
    }

    @media (min-width:980px) and (max-width:1279px) {
        .special-h4 {
            position: absolute;
            top: 0;
            z-index: 1;
            min-height: 167px;
            width: 90%;
            bottom: 0
        }

        .special-h4 h4 {
            line-height: 297px
        }
    }

    .recent-post {
        position: relative;
        padding-left: 140px;
        min-height: 92px
    }

    .recent-post .recent-post-img img {
        position: absolute;
        left: 0;
        transition: all .4s ease 0s
    }

    .recent-post-img:hover img {
        transform: scale(1.05)
    }

    .recent-post a h3 {
        font-size: 15px;
        font-weight: 700;
        color: #333;
        font-family: Raleway;
        margin-bottom: 10px;
        line-height: 20px;
        transition: all .4s
    }

    .event-head-img h2,
    .event-left h2,
    .event-room-bg h2,
    .events h2 {
        font-family: Pacifico
    }

    .recent-post a:hover h3 {
        color: #ff5722
    }

    .recent-post p {
        font-size: 14px;
        line-height: 20px
    }

    .recent-post p a {
        font-size: 14px;
        transition: all .4s
    }

    .recent-post p a:hover {
        color: #666;
        text-decoration: none
    }

    .categories .divider {
        margin: 25px 0
    }

    .blog-quote-span {
        font-weight: 600;
        color: #262c2c;
        letter-spacing: 2px
    }

    .comment-box h2 {
        font-size: 22px;
        font-weight: 700;
        margin-top: 30px
    }

    .comment-box .divider {
        margin: 30px 0
    }

    .comment-1 {
        position: relative;
        padding-left: 140px;
        margin-top: 30px;
        min-height: 121px
    }

    .comment-1 img {
        position: absolute;
        left: 0
    }

    .comment-1 h4 {
        font-weight: 700;
        font-size: 20px;
        color: #333;
        display: inline
    }

    .comment-1 a:hover,
    .comment-2 a:hover {
        color: #ff5722
    }

    .comment-1 a {
        text-decoration: none;
        transition: all .4s
    }

    .comment-1 span {
        font-size: 14px;
        display: inline-block
    }

    .comment-1 font {
        font-size: 14px
    }

    .comment-1 p {
        margin-top: 10px;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px
    }

    .comment-2 {
        position: relative;
        padding-left: 200px;
        margin-top: 30px;
        min-height: 121px
    }

    .comment-2 a {
        text-decoration: none;
        transition: all .4s
    }

    .comment-2 img {
        position: absolute;
        left: 57px
    }

    .comment-2 h4 {
        font-weight: 700;
        font-size: 20px;
        color: #333;
        display: inline
    }

    .comment-2 span {
        font-size: 14px;
        display: inline-block
    }

    .comment-2 font {
        font-size: 14px
    }

    .comment-2 p {
        margin-top: 10px;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px
    }

    .leave-comt h2 {
        font-size: 22px;
        font-weight: 700;
        margin-top: 40px
    }

    .leave-comt p {
        display: inline
    }

    @media (min-width:320px) and (max-width:540px) {

        .comment-1,
        .comment-2 {
            padding-left: 0;
            text-align: center
        }

        .comment-1 img {
            display: inline-block;
            position: relative
        }

        .comment-1 h4 {
            display: block
        }

        .comment-2 img {
            display: inline-block;
            position: relative;
            left: 0
        }

        .comment-2 h4 {
            display: block
        }
    }

    .come-soon-bg img,
    .enquire-btn,
    .error-a,
    .error-img span,
    .event-contact ul,
    .event-head-img span,
    .event-info,
    .events-p,
    .recipe-head-img span {
        display: inline-block
    }

    .event-head-img {
        background-image: url(../img/header-image/event-head-img.jpg);
        min-height: 500px
    }

    .event-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .event-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        margin-top: 17%
    }

    .event-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .event-head-img span {
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .event-head-img span b {
        font-weight: 800
    }

    .event-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .events h2 {
        font-size: 50px;
        margin-top: 0;
        line-height: 1.2
    }

    .events-p {
        font-size: 20px;
        line-height: 1.4;
        max-width: 800px;
        margin-top: 30px
    }

    .event-info {
        font-size: 16px;
        max-width: 600px;
        margin-top: 20px;
        line-height: 25px
    }

    .event-room-bg {
        background-image: url(../img/event-room-bg.jpg)
    }

    .event-room-bg-black {
        background-color: rgba(0, 0, 0, .5);
        height: auto;
        width: auto;
        padding: 100px 0
    }

    .error-img-black,
    .recipe-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .event-room-bg p {
        color: #FFF;
        font-size: 20px;
        font-weight: 700
    }

    .event-room-bg h2 {
        color: #FFF;
        font-size: 90px;
        margin-top: 0
    }

    .event-row {
        margin-top: 50px
    }

    .event-left h5 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 30px
    }

    .event-left h2 {
        color: #191919;
        font-size: 60px;
        margin: 30px 0
    }

    .event-left p {
        font-size: 18px;
        line-height: 1.4
    }

    .capcities {
        margin-top: 40px
    }

    .capcities h3 {
        font-size: 20px;
        color: #191919;
        font-weight: 700;
        margin-bottom: 20px
    }

    .facility {
        padding-left: 30px;
        position: relative
    }

    .facility i {
        position: absolute;
        left: 0;
        line-height: 1.3
    }

    .facility p {
        font-size: 16px
    }

    .enquire-btn {
        padding: 17px 45px;
        text-decoration: none;
        color: #FFF;
        font-weight: 700;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 25px
    }

    .enquire-btn:hover {
        text-decoration: none;
        color: #FFF
    }

    .event-huge-bg {
        background-image: url(../img/event-huge.jpg);
        background-position: bottom
    }

    .event-huge-bg p {
        color: #FFF;
        font-size: 20px;
        font-weight: 700
    }

    .event-huge-bg h2 {
        color: #FFF;
        font-size: 90px;
        font-family: Pacifico;
        margin-top: 0
    }

    .huge-info h3,
    .huge-info-right h3 {
        color: #191919;
        font-family: Pacifico
    }

    .huge-info h3 {
        font-size: 30px;
        margin-top: 0
    }

    .huge-info p,
    .huge-info-right p {
        margin: 25px 0
    }

    .huge-info p {
        font-size: 20px;
        line-height: 28px
    }

    .huge-info span,
    .huge-info-right p {
        font-size: 16px;
        line-height: 25px
    }

    .huge-info-right h3 {
        font-size: 30px;
        margin-top: 0
    }

    .event-enqury {
        border: 10px solid #191919;
        padding: 50px 100px;
        margin-top: 40px
    }

    .event-enqury h3 {
        font-size: 30px;
        color: #FFF;
        font-family: Pacifico;
        margin-top: 0;
        margin-bottom: 25px
    }

    .event-enqury p {
        font-size: 20px;
        color: #FFF;
        line-height: 1.3;
        max-width: 700px;
        display: inline-block
    }

    .event-contact h2 {
        font-size: 20px;
        color: #FFF;
        margin-top: 25px;
        font-weight: 700
    }

    .event-contact ul {
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 15px
    }

    .event-contact ul li {
        float: left;
        color: #FFF;
        font-size: 20px;
        padding: 0 15px
    }

    .border-right {
        border-right: 1px solid #FFF
    }

    .recipe-head-img {
        background-image: url(../img/header-image/recipe-head-img.jpg);
        min-height: 500px;
        background-position: center
    }

    .recipe-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 17%
    }

    .recipe-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .recipe-head-img span {
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .recipe-head-img span b {
        font-weight: 800
    }

    .recipe-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .error-img {
        background-image: url(../img/header-image/404-error-head-img.jpg);
        min-height: 500px;
        background-position: bottom
    }

    .error-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 17%
    }

    .error-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .error-img span {
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .error-img span b {
        font-weight: 800
    }

    .error-img span a {
        text-decoration: none;
        color: #FFF
    }

    .error-a,
    .error-a:hover {
        color: #191919
    }

    .error-a {
        font-weight: 700;
        text-decoration: none;
        line-height: 30px;
        margin-top: 15px
    }

    .error-bg {
        background-image: url(../img/book-table-bg.jpg)
    }

    .error-bg-white {
        background-color: rgba(255, 255, 255, .95);
        width: auto;
        height: auto
    }

    .come-soon-bg {
        background-image: url(../img/slider/slider-1.jpg.jpeg)
    }

    .come-soon-bg h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 2%
    }

    .come-soon-bg p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 25px
    }

    .come-soon-bg img {
        margin-top: 20%
    }

    .buttons h2,
    .buttons h3 {
        font-weight: 700;
        margin-top: 0
    }

    .come-soon-black {
        background-color: rgba(0, 0, 0, .5);
        min-height: 800px;
        width: auto
    }

    .buttons h2 {
        font-size: 26px
    }

    .buttons h3 {
        font-size: 20px
    }

    .large a,
    .medium a {
        font-weight: 800;
        display: inline-block;
        margin-top: 15px;
        color: #fff
    }

    .buttons a {
        margin-right: 15px
    }

    .medium a {
        line-height: 30px;
        border-radius: 8px;
        padding: 8px 20px
    }

    .large a {
        border-radius: 6px;
        padding: 18px 40px
    }

    .element-table tr td,
    .element-table tr th {
        border: 1px solid #f3f3f3;
        padding: 10px 15px
    }

    .element .divider {
        margin: 50px 0
    }

    .element-faq {
        margin-top: 15px
    }

    .element-faq .accordion {
        background-color: #474747;
        color: #fff
    }

    .element-faq .accordian-body .faq {
        color: #474747;
        background-color: transparent
    }

    .element-faq .accordian-body .faq p {
        color: #474747
    }

    .client-sld {
        margin-top: 30px
    }

    .element-table h2 {
        margin-bottom: 40px
    }

    .element-table {
        width: 100%;
        overflow-y: auto;
        margin: 0 0 1em
    }

    .element-table table {
        width: 100%
    }

    .element-table tr th {
        background-color: #fafafa;
        color: #191919
    }

    .element .icons-example .columns {
        float: left
    }

    .element .icons-example ul {
        list-style: none;
        padding-left: 0;
        width: 25%
    }

    .element .icons-example ul li {
        line-height: 26px
    }

    .element .headline h3,
    .element h2 {
        margin-bottom: 30px
    }

    .pricing .plans-body {
        border: 2px solid #f1f1f1;
        transition: all .3s
    }

    .pricing .plans-body:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
    }

    .pricing .plans-body h2,
    .pricing .plans-body h3,
    .pricing .plans-body p,
    .pricing .plans-body ul li a {
        color: #191919
    }

    .typography h1,
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        font-weight: 700
    }

    .tool-tip p a {
        color: #06F
    }

    .list-style {
        margin-top: 40px
    }

    .list-style ul li {
        border-bottom: 0;
        padding-bottom: 0
    }

    .list-style .check {
        margin-bottom: 10px
    }

    .typo-col .col-top {
        margin-top: 20px
    }

    .typo-divider .line-divider {
        background-color: #e0e0e0;
        height: 1px;
        width: 100%;
        margin: 30px 0 10px
    }

    .typo-divider .d-line-divider {
        background-color: #e0e0e0;
        height: 2px;
        width: 100%;
        margin: 30px 0 10px
    }

    .accordion,
    .accordion-open {
        background: #FFF
    }

    .typo-divider .dot-divider {
        border-bottom: 2px dotted #e0e0e0;
        margin: 30px 0 10px
    }

    .typo-divider .dashed-divider {
        border-bottom: 2px dashed #e0e0e0;
        margin: 30px 0 10px
    }

    .alert-typo h2 {
        margin-bottom: 30px
    }

    .accordion {
        margin: 10px 0 0;
        padding: 10px;
        height: auto;
        text-decoration: none;
        font-weight: 600
    }

    .accordion-open span {
        display: block;
        float: right;
        padding: 10px;
        background: url(../img/icon-minus-round-128.png) center no-repeat
    }

    .accordion-close span {
        display: block;
        float: right;
        background: url(../img/add-128.png) center no-repeat;
        padding: 10px
    }

    .accordian-body {
        padding: 0;
        margin: 0
    }

    div.faq {
        background: #474747;
        margin: 0;
        padding: 10px
    }

    div.faq p,
    div.faqt ul {
        margin: 0;
        padding: 3px;
        color: #FFF;
        font-weight: 500;
        line-height: 22px;
        word-spacing: 2px
    }

    div.faq ul li {
        list-style-position: inside;
        line-height: 25px
    }

    div.faq ul li a {
        color: #555
    }

    code {
        overflow: auto
    }

    .contact-head-img {
        background-image: url(../img/header-image/contact-head.jpg);
        background-size: cover;
        min-height: 500px;
        background-position: bottom
    }

    .contact-head-img-black {
        background-color: rgba(0, 0, 0, .4);
        min-height: 500px;
        width: 100%
    }

    .contact-head-img h2 {
        text-align: center;
        color: #FFF;
        font-size: 60px;
        font-family: Pacifico;
        margin-top: 17%
    }

    .contact-head-img p {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-top: 32px
    }

    .contact-head-img span {
        display: inline-block;
        margin-top: 12%;
        color: #FFF;
        font-weight: 700
    }

    .contact-head-img span b {
        font-weight: 800
    }

    .contact-head-img span a {
        text-decoration: none;
        color: #FFF
    }

    .contact-page-head h2 {
        font-family: Pacifico;
        font-size: 30px;
        color: #333;
        line-height: 40px;
        margin-top: 0;
        margin-bottom: 20px
    }

    .contact-page-head p {
        color: #333
    }

    .contact-page-head-border {
        border-right: 1px solid #d5d5d5
    }

    .input {
        position: relative;
        z-index: 1;
        display: inline-block;
        width: 100%;
        vertical-align: top
    }

    .input__field {
        position: relative;
        display: block;
        float: right;
        padding: .8em;
        width: 60%;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        background: #f0f0f0;
        color: #aaa;
        font-weight: 400;
        -webkit-appearance: none
    }

    .input__field:focus {
        outline: 0
    }

    .input__label {
        display: inline-block;
        float: right;
        padding: 0 1em;
        width: 40%;
        color: #696969;
        font-weight: 700;
        font-size: 70.25%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .input__label-content {
        position: relative;
        display: block;
        padding: 1.6em 0;
        width: 100%
    }

    .graphic {
        position: absolute;
        top: 0;
        left: 0;
        fill: none
    }

    .icon {
        color: #ddd;
        font-size: 150%
    }

    .input--nariko {
        overflow: hidden;
        padding-top: 30px
    }

    .input__field--nariko {
        width: 100%;
        opacity: 0;
        z-index: 100;
        color: #191919
    }

    .input__label--nariko {
        width: 100%;
        bottom: 0;
        position: absolute;
        pointer-events: none;
        text-align: left;
        color: #8E9191;
        padding: 0 .5em
    }

    .input__label--nariko::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 64px;
        top: 100%;
        left: 0;
        background: rgba(155, 159, 159, .1);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, 1px, 0);
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
        transition-timing-function: cubic-bezier(.7, 0, .3, 1)
    }

    .input__label-content--nariko {
        padding: 12px 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transition: -webkit-transform .4s, color .4s;
        transition: transform .4s, color .4s;
        -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
        transition-timing-function: cubic-bezier(.7, 0, .3, 1);
        color: #333;
        font-size: 16px
    }

    .book-table-bg-one .date-pick,
    .date-pick {
        width: 100%;
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 12px;
        position: relative;
        font-weight: 700
    }

    .input--filled .input__field--nariko,
    .input__field--nariko:focus {
        cursor: text;
        opacity: 1;
        -webkit-transition: opacity 0s .4s;
        transition: opacity 0s .4s
    }

    .input--filled .input__label--nariko::before,
    .input__field--nariko:focus+.input__label--nariko::before {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .book-table-bg a,
    .submit-btn {
        display: inline-block;
        float: right;
        transition: all .4s;
        text-decoration: none
    }

    .black .input--filled .input__label-content--nariko,
    .black .input__field--nariko:focus+.input__label--nariko .input__label-content--nariko {
        color: #191919;
        -webkit-transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1);
        transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1)
    }

    .black .textarea:focus+.input__label--nariko .input__label-content--nariko {
        color: #191919;
        -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
        transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
    }

    .book-table-bg-one .input--filled .input__label-content--nariko,
    .book-table-bg-one .input__field--nariko:focus+.input__label--nariko .input__label-content--nariko {
        color: #fff;
        -webkit-transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1);
        transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1)
    }

    .textarea:focus+.input__label--nariko .input__label-content--nariko {
        color: #6B6E6E;
        -webkit-transform: translate3d(0, -140px, 0) scale3d(.81, .81, 1);
        transform: translate3d(0, -140px, 0) scale3d(.81, .81, 1)
    }

    .date-pick,
    .date-pick placeholder,
    .input i {
        color: #191919
    }

    .book-table-bg-one .date-pick {
        color: #191919;
        border-bottom: 4px solid rgba(255, 255, 255, .5)
    }

    .date-pick {
        border-bottom: 4px solid rgba(155, 159, 159, .1)
    }

    .input i {
        position: absolute;
        right: 10px;
        top: 46px
    }

    .submit-btn {
        padding: 17px 40px;
        color: #FFF;
        font-weight: 700;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 15px;
        line-height: normal
    }

    .submit-btn:hover {
        text-decoration: none;
        background-color: #fff
    }

    #map {
        height: 500px
    }

    .contact-head-u {
        width: 80px;
        height: 4px
    }

    .contact-det {
        padding-left: 50px;
        position: relative;
        margin-top: 30px
    }

    .contact-icon {
        position: absolute;
        left: 0;
        text-align: center
    }

    .branch,
    .contact,
    .footer ul li a {
        position: relative
    }

    .contact-icon .flaticon-envelope,
    .contact-icon .flaticon-phone-call,
    .contact-icon .flaticon-placeholder {
        font-size: 30px
    }

    .contact-det span {
        font-weight: 700;
        color: #191919
    }

    .contact-det span p {
        color: #333;
        font-weight: 400;
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 0
    }

    .contact-det .contact-icon i.fa-clock-o {
        color: #ff5722;
        font-size: 40px
    }

    .contact-det-line {
        background-color: #d5d5d5;
        width: 100%;
        height: 1px;
        margin: 30px 0
    }

    .contact-btm-img {
        margin-bottom: 20px;
        margin-top: 40px
    }

    .branch {
        padding-left: 40px
    }

    .branch .flaticon-placeholder {
        font-size: 25px
    }

    .branch .flaticon-envelope,
    .branch .flaticon-phone-call {
        font-size: 25px;
        line-height: 17px
    }

    .direction-btn {
        padding: 13px 20px;
        text-decoration: none;
        display: inline-block;
        color: #FFF;
        font-weight: 700;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 15px
    }

    .direction-btn:hover {
        text-decoration: none
    }

    .book-table-bg {
        background-image: url(../img/book-table-bg.jpg)
    }

    .book-table-bg-black {
        background-color: rgba(255, 87, 34, .9);
        height: auto;
        width: auto
    }

    .book-table-bg h2 {
        font-family: Pacifico;
        font-size: 50px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 15px
    }

    .book-table-bg p {
        font-size: 18px;
        color: #FFF;
        line-height: 27px
    }

    .book-table-bg a {
        background-color: #191919;
        padding: 23px 28px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin-top: 30px;
        line-height: normal
    }

    .book-table-bg a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #191919
    }

    .policy-bg {
        background-image: url(../img/book-table-btm.jpg);
        background-attachment: fixed
    }

    .policy-bg h2 {
        color: #FFF;
        font-size: 90px;
        font-family: Pacifico;
        margin-top: 0;
        line-height: 1.3
    }

    .foot-logo img {
        margin-bottom: 25px
    }

    .foot-logo-h3 {
        font-size: 16px;
        font-weight: 700
    }

    .footer ul {
        padding-left: 0
    }

    .footer ul li {
        float: left;
        margin: 0 5px
    }

    .footer ul li a {
        text-decoration: none;
        font-size: 20px;
        display: block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #191919;
        transition: all .2s;
        -webkit-transition: all .2s
    }

    .footer ul li a:hover {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        top: -2px
    }

    .footer-h2 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 0;
        letter-spacing: 3px
    }

    .footer-span {
        width: 70px;
        height: 3px;
        display: block;
        margin-bottom: 30px
    }

    .contact,
    .posts,
    .work-time {
        margin-bottom: 20px
    }

    .black-footer .posts a {
        color: #fff;
        transition: all .4s
    }

    .work-time p {
        float: left
    }

    .work-time span {
        text-align: right;
        display: block
    }

    .posts a {
        text-decoration: none;
        color: #191919;
        font-weight: 700;
        display: block;
        transition: all .4s;
        font-size: 16px;
        line-height: 24px
    }

    .foot-3-logo,
    .footer-3-bg p,
    .footer-3-bg ul,
    .footer-3-btm span {
        display: inline-block
    }

    .posts a:hover {
        text-decoration: none
    }

    .posts span {
        font-size: 13px
    }

    .contact {
        padding-left: 30px
    }

    .contact i {
        position: absolute;
        left: 0;
        font-size: 26px
    }

    .payment {
        float: right
    }

    .payment-p {
        float: left;
        margin-right: 10px
    }

    .footer-bg {
        background-color: #191919;
        color: #FFF
    }

    .footer-pay-bg {
        background-color: #121212;
        color: #FFF
    }

    .footer-pay-bg .container p b,
    .footer-white p b {
        font-weight: 500
    }

    .foot-logo a .flaticon-dinner {
        font-size: 54px
    }

    .footer-3-bg {
        background-image: url(../img/book-table-bg.jpg);
        color: #FFF
    }

    .footer-3-bg h3 {
        color: rgb(0, 0, 0);
        margin-top: 40px
    }

    .footer-3-bg-black {
        /* background-color: rgba(0, 0, 0, .95); */
        height: auto;
        width: auto
    }

    .footer-3-bg ul li a {
        color: #FFF
    }

    .footer-3-bg p {
        margin-top: 0
    }

    .footer-3-bg h2 {
        font-family: Pacifico;
        color: #ff5722;
        font-size: 50px;
        line-height: 54px;
        margin-top: 40px
    }

    .footer-3-btm .flaticon-envelope,
    .footer-3-btm .flaticon-phone-call,
    .footer-3-btm .flaticon-placeholder {
        font-size: 45px
    }

    .footer-3-btm h4 {
        color: #000000;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 0
    }

    .footer-3-btm span {
        width: 70px;
        height: 4px
    }

    .footer-3-btm p {
        color: #000000;
        line-height: 25px;
        margin-top: 10px;
        
    }

    .footer-3-mar-tp {
        margin-top: 30px
    }

    .footer-btm-p {
        padding: 25px 0;
        margin-bottom: 0
    }

    @media (min-width:320px) and (max-width:480px) {

        .footer-pay-p,
        .menu-list b,
        .menu-list h4,
        .menu-list span {
            text-align: center
        }

        .comment-2 img,
        .recent-post .recent-post-img img {
            position: relative
        }

        .margin-btm-img {
            margin-bottom: 30px
        }

        .padd-70,
        .padd-90 {
            padding: 40px 0
        }

        .menu-caption-bg h2 {
            font-size: 30px
        }

        figure.effect-steve h2 {
            font-size: 22px
        }

        .menu-list b,
        .menu-page-list-2 b {
            font-size: 16px;
            float: none
        }

        .restora {
            padding: 30px 0
        }

        .menu-list span {
            margin: 5px 0
        }

        .hour-work,
        .location,
        .recent-posts {
            margin-top: 30px
        }

        .res-blc {
            display: none
        }

        .payment,
        .payment-p {
            float: none
        }

        figure:hover a {
            line-height: 240px
        }

        .story-left,
        .story-right {
            width: 100%;
            height: 600px
        }

        .menu-page-list-2 {
            padding-top: 8px
        }

        .menu-page-list-2 span {
            font-size: 20px;
            text-align: left
        }

        .menu-page-list-2 h4 {
            font-size: 12px
        }

        .menu-list-2 b {
            font-size: 14px;
            float: none
        }

        .menu-list-2 span {
            text-align: center;
            font-size: 20px;
            margin: 5px 0
        }

        .blog-social,
        .shop-categorie-btn {
            margin-left: 0
        }

        .menu-list-2 h4 {
            font-size: 12px;
            text-align: center
        }

        .content h2,
        .slider-2 h2 {
            font-size: 32px
        }

        .slider-2 h2 {
            line-height: 1.2
        }

        .newslatter-bg h2 {
            font-size: 30px
        }

        .story-head h2 {
            font-size: 40px;
            margin-top: 55%
        }

        .story-head p {
            font-size: 14px;
            margin-top: 25px
        }

        .story-head span {
            margin-top: 35%
        }

        .book-table-bg a {
            float: none;
            margin-top: 15px
        }

        .book-table-bg p {
            text-align: center;
            margin-bottom: 15px
        }

        .blog-head-img h2,
        .contact-head-img h2,
        .error-img h2,
        .event-head-img h2,
        .gallery-head-bg h2,
        .head-img h2,
        .recipe-head-img h2,
        .shop-head-img h2 {
            font-size: 40px;
            margin-top: 30%;
            line-height: 56px
        }

        .blog-head-img p,
        .contact-head-img p,
        .error-img p,
        .event-head-img p,
        .gallery-head-bg p,
        .head-img p,
        .recipe-head-img p,
        .shop-head-img p {
            font-size: 16px
        }

        .blog-head-img span,
        .contact-head-img span,
        .error-img span,
        .event-head-img span,
        .gallery-head-bg span,
        .head-img span,
        .recipe-head-img span,
        .shop-head-img span {
            margin-top: 45%
        }

        .special-h4 h4 {
            font-size: 20px;
            line-height: 167px
        }

        .blog-social ul li:hover>ul {
            margin-top: -34px;
            padding-left: 45px
        }

        .comment-2,
        .recent-post {
            padding-left: 0
        }

        .blog-social ul ul li a {
            width: 35px;
            line-height: 35px;
            padding: 0
        }

        .blog-social ul li a {
            height: 35px;
            width: 35px;
            line-height: 35px
        }

        .blog-social ul {
            margin-top: 10px
        }

        .blog-social {
            display: block
        }

        .story-top-head {
            font-size: 28px
        }

        .available {
            float: none;
            margin-bottom: 10px
        }

        .event-right-img,
        .shop-cat-img {
            margin-bottom: 30px
        }

        .review {
            float: none
        }

        .shop-des .tab-content {
            margin-top: -1px
        }

        .shop-description {
            font-size: 16px
        }

        .menu-page-list-tit {
            padding-right: 19px
        }

        .menu-page-list-tit h4 {
            font-size: 15px
        }

        .event-huge-bg h2,
        .event-left h2,
        .event-room-bg h2,
        .index-4-center-bg h2,
        .index-4-top-bg h2,
        .policy-bg h2 {
            font-size: 40px
        }

        .border-right {
            border: 0
        }

        .huge-info-right h3 {
            margin-top: 30px
        }

        .book-table-bg h2 {
            text-align: center;
            font-size: 40px;
            line-height: 1.3
        }

        .restora h2 {
            font-size: 30px
        }

        .index-tab ul li a {
            font-size: 16px
        }

        .story-top-head-img {
            margin-top: 40px
        }

        .margin-top {
            margin-top: 30px
        }

        .prev {
            width: 60px
        }

        .recent-post a h3 {
            margin-top: 5px
        }

        .contact-page-head-border {
            border-right: 0 solid #d5d5d5
        }

        .element .icons-example ul {
            width: 100%
        }

        .counter-sec div {
            height: 50px;
            width: 50px
        }

        .pay-faq a.coupon {
            float: none;
            display: inline-block
        }

        #portfolio-grid {
            margin-top: 40px
        }
    }

    @media (min-width:481px) and (max-width:767px) {

        .book-table-bg h2,
        .book-table-bg p,
        .footer-pay-p {
            text-align: center
        }

        .padd-90 {
            padding: 60px 0
        }

        .margin-btm-img {
            margin-bottom: 30px
        }

        .hour-work,
        .location,
        .recent-posts {
            margin-top: 30px
        }

        .restora {
            padding: 30px 0
        }

        .res-blc {
            display: none
        }

        .payment,
        .payment-p {
            float: none
        }

        .story-left,
        .story-right {
            width: 100%;
            height: 600px
        }

        .story-head h2 {
            font-size: 40px;
            margin-top: 45%
        }

        .story-head p {
            font-size: 16px;
            margin-top: 25px
        }

        .story-head span {
            margin-top: 20%
        }

        .book-table-bg a {
            float: none;
            margin-top: 15px
        }

        .blog-head-img span,
        .contact-head-img span,
        .error-img span,
        .event-head-img span,
        .gallery-head-bg span,
        .head-img h2,
        .head-img span,
        .recipe-head-img span,
        .shop-head-img span {
            margin-top: 30%
        }

        .book-table-bg p {
            margin-bottom: 15px
        }

        .event-right-img,
        .shop-cat-img {
            margin-bottom: 30px
        }

        .head-img h2 {
            font-size: 50px;
            line-height: 60px
        }

        .blog-head-img h2,
        .contact-head-img h2,
        .error-img h2,
        .event-head-img h2,
        .gallery-head-bg h2,
        .recipe-head-img h2,
        .shop-head-img h2 {
            font-size: 50px;
            margin-top: 30%;
            line-height: 60px
        }

        .blog-head-img p,
        .contact-head-img p,
        .error-img p,
        .event-head-img p,
        .gallery-head-bg p,
        .head-img p,
        .recipe-head-img p,
        .shop-head-img p {
            font-size: 16px
        }

        .event-huge-bg h2,
        .event-left h2,
        .event-room-bg h2,
        .policy-bg h2 {
            font-size: 60px
        }

        .shop-des ul li {
            border: 1px solid #ddd;
            float: left
        }

        .shop-des .tab-content {
            margin-top: -5px
        }

        .huge-info-right h3,
        .margin-top {
            margin-top: 30px
        }

        .menu-page-list-tit {
            padding-right: 171px
        }

        .border-right {
            border: 0
        }

        .event-contact ul li {
            float: none
        }

        .menu-list-2 b {
            font-size: 18px;
            float: left;
            text-align: left
        }

        .story-top-head-img {
            margin-top: 40px
        }

        .contact-page-head-border {
            border-right: 0 solid #d5d5d5
        }

        .element .icons-example ul {
            width: 100%
        }

        .counter-sec div {
            height: 50px;
            width: 50px
        }

        .pay-faq a.coupon {
            float: none;
            display: inline-block
        }

        #portfolio-grid {
            margin-top: 50px
        }
    }

    @media (min-width:768px) and (max-width:1023px) {

        .location,
        .recent-posts {
            margin-top: 30px
        }

        .margin-btm-img {
            margin-bottom: 30px
        }

        .menu-list-2 b {
            font-size: 18px;
            float: left;
            text-align: left
        }

        .restora {
            padding: 30px 0
        }

        .payment,
        .payment-p {
            float: none
        }

        .footer-pay-p {
            text-align: center
        }

        figure:hover a {
            line-height: 295px
        }

        .story-left {
            width: 40%;
            height: 600px
        }

        .story-right {
            width: 60%;
            height: 600px
        }

        .story-head h2 {
            font-size: 54px;
            margin-top: 30%
        }

        .story-head p {
            font-size: 18px;
            margin-top: 25px
        }

        .recent-post {
            min-height: 92px
        }

        .index-tab ul li {
            margin: 0 25px
        }

        .huge-info-right h3,
        .margin-top {
            margin-top: 30px
        }

        .menu-page-list-tit {
            padding-right: 41px
        }

        .event-right-img {
            margin-bottom: 30px
        }

        .counter-sec {
            font-size: 100px
        }

        .story-top-head-img {
            margin-top: 40px
        }

        .contact-page-head-border {
            border-right: 0 solid #d5d5d5
        }

        .element .icons-example ul {
            width: 50%
        }

        .head-img h2 {
            margin-top: 25%
        }

        .head-img span {
            margin-top: 20%
        }

        .blog-head-img h2,
        .contact-head-img h2,
        .error-img h2,
        .event-head-img h2,
        .gallery-head-bg h2,
        .recipe-head-img h2,
        .shop-head-img h2 {
            margin-top: 25%
        }

        .blog-head-img span,
        .contact-head-img span,
        .error-img span,
        .event-head-img span,
        .gallery-head-bg span,
        .recipe-head-img span,
        .shop-head-img span {
            margin-top: 20%
        }
        .footer-3-btm p {
            color: #000000;
            line-height: 25px;
            margin-top: 10px;
            letter-spacing: 0;
            /* font-family: fangsong; */
            font-size: 14px;
        
        }
    }

    @media(min-width:1024px) and (max-width:1099px) {
        .foot-logo img {
            width: 68%
        }

        .footer-bg .container {
            width: 1000px
        }

        .footer-h2 {
            font-size: 18px
        }

        .contact p,
        .posts a,
        .work-time p,
        .work-time span {
            font-size: 15px
        }

        .footer ul li a {
            width: 40px;
            height: 40px;
            line-height: 40px
        }

        .mega-menu .header-li>li {
            padding: 0 10px !important
        }
    }

    @media(min-width:1100px) and (max-width:1199px) {
        .foot-logo img {
            width: 68%
        }

        .footer-bg .container {
            width: 1080px
        }

        .footer ul li a {
            width: 40px;
            height: 40px;
            line-height: 40px
        }

        .mega-menu .header-li>li {
            padding: 0 10px !important
        }
    }

    .bx-wrapper {
        width: 100%
    }