.social-linkss {}

    .social-linkss li {
        float: left;
        margin-right: 16px;
    }

    .social-linkss li i {}

    #preloader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        overflow: visible;
        background: #fff;
        display: table;
        text-align: center
    }

    .loader {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 200px;
        height: 200px
    }

    .loader-icon {
        width: 80px;
        height: 80px;
        border: 5px solid #eb3007;
        border-right-color: #eee;
        border-radius: 50%;
        position: relative;
        animation: loader-rotate 1s linear infinite;
        margin: 0 auto
    }

    @keyframes loader-rotate {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    .text-theme-color {
        color: #eb3007
    }

    .title-font {
        font-family: 'Pacifico', cursive;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
        line-height: normal;
        color: #eb3007
    }

    .title-font:before {
        height: 2px;
        width: 25px;
        content: "";
        background: #eb3007;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .title-font.large {
        font-size: 48px;
        line-height: 48px
    }

    .title-font.large:before {
        content: none
    }

    .height-100vh {
        height: 100vh
    }

    .bg-img {
        background-size: cover;
        background-repeat: no-repeat
    }

    .bg-theme {
        background-color: #eb3007
    }

    .theme-overlay[data-overlay-dark]:before {
        background: #eb3007
    }

    .half-gutter {
        margin: 0
    }

    .half-gutter>[class*="col-"] {
        padding: 7px
    }

    .padding-7px-lr {
        padding-right: 7px;
        padding-left: 7px
    }

    .valign {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    a:hover,
    a:active {
        color: #eb3007;
        text-decoration: none
    }

    .btn {
        display: inline-block;
        font-size: 14px;
        padding: 9px 22px;
        background: transparent;
        border: 2px solid #eb3007;
        border-radius: 25px;
        box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
        color: #eb3007;
        letter-spacing: .5px;
        line-height: inherit;
        min-width: 150px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        transition-duration: 0.3s;
        transition-timing-function: ease-in-out
    }

    .btn:hover,
    .btn:active {
        background: #eb3007;
        color: #fff;
        border-color: #eb3007;
        box-shadow: rgba(0, 0, 0, .3) 0 3px 8px !important
    }

    .btn:focus {
        background: #eb3007;
        color: #fff;
        box-shadow: rgba(0, 0, 0, .3) 0 3px 8px !important;
        border-color: #eb3007
    }

    .btn.theme {
        background: #eb3007;
        border: 2px solid #eb3007;
        box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
        color: #fff;
        min-width: 170px
    }

    .btn.theme:hover,
    .btn.theme:active {
        background: transparent;
        color: #eb3007;
        border-color: #eb3007
    }

    .btn.theme:hover span,
    .btn.theme:active span {
        color: #fff
    }

    .btn.theme:focus {
        background: #transparent;
        color: #eb3007;
        border-color: #eb3007
    }

    .btn.book-now {
        background: #eb3007;
        border: 2px solid #eb3007;
        box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
        color: #fff;
        min-width: 200px
    }

    .btn.book-now .cnt {
        -moz-transition: 0s all ease-in-out !important;
        -o-transition: 0s all ease-in-out !important;
        -webkit-transition: 0s all ease-in-out !important;
        transition: 0s all ease-in-out !important
    }

    .btn.book-now:hover,
    .btn.book-now:active,
    .btn.book-now:focus {
        background: transparent;
        color: #eb3007;
        border-color: #eb3007
    }

    .navbar .navbar-nav .btn.small {
        font-size: 12px;
        padding: 6px 18px;
        min-width: auto;
        margin-top: 4px;
        margin-left: 5px;
        text-align: center;
    }

    .nav-scroll .navbar-nav .btn.small {
        color: #fff;
        border-color: #eb3007;
        border-width: 2px
    }

    .navbar .navbar-nav .nav-link.btn.small.active {
        color: #fff
    }

    .navbar .navbar-nav .nav-link.btn.small.active:hover {
        color: #eb3007
    }

    .biryani-orders .col-md-6 {
        float: left
    }

    .dgf5gv .col-md-6 {
        float: left
    }

    .phe i {
        font-size: 21px;
        margin-right: 8px;
    }

    .phe a {
        font-size: 18px !important;
    }

    .order-nuy {
        background: #000;
        padding: 15px
    }

    .order-nuy h3 {
        margin: 0;
        text-align: center;
        color: #e3b54c
    }

    .space-sse {
        padding: 25px;
        width: 100%;
        overflow: hidden
    }

    .wh {
        overflow: hidden
    }

    .wh .fifth {
        width: 50%;
        float: left
    }

    .wh .fifth.mun {
        border-left: 1px solid #f1c785;
        height: 88px;
        margin-left: 0
    }

    .wh .fifth .phone-ft {
        margin-top: 28px;
        font-size: 26px !important;
        margin-left: 17px
    }

    .phe .btn.theme.phe {
        background: #03a84e;
        border: 2px solid #03a84e;
        box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
        color: #fff;
        /* min-width: 137px; */
        font-size: 14px !important;
    }

    .divr-time .col-md-4 {
        float: left
    }

    .divr-time .col-md-2 {
        float: left
    }

    .divr-time .col-md-6 {
        float: left
    }

    .divr-time label {
        width: 100%;
        font-size: 15px;
        font-weight: 600;
        color: #000
    }

    .divr-time input.che {
        float: left;
        width: 20px;
        margin-top: 7px
    }

    .divr-time .orcr {
        text-align: center
    }

    .divr-time .orcr span {
        background: #ff0606;
        color: #fff;
        width: 29px;
        display: block;
        height: 29px;
        line-height: 29px;
        border-radius: 50px;
        box-shadow: 1px 1px 3px #000
    }

    .divr-time ul {
        margin: 0
    }

    .divr-time ul li {
        display: inline-block
    }

    .name-img .img {
        width: 20%;
        float: left;
        border: 1px solid #000
    }

    .name-img .img img {
        width: 100%;
        padding: 2px
    }

    .name-img .name {
        width: 75%;
        float: right
    }

    .name-img .name p {
        margin: 0;
        font-size: 15px;
        color: #000
    }

    .name-img .name p.location {
        font-size: 14px;
        color: gray
    }

    .che-name {
        width: 26%;
        float: right;
        position: absolute;
        RIGHT: 0;
        top: 30px
    }

    .che-name .che-names img {
        width: 13px;
        float: left;
        margin-right: 10px
    }

    .che-name .che-names h3 {
        float: right;
        width: 90%;
        font-size: 15px
    }

    .dfer {
        margin-top: 15px
    }

    .qye .qty {
        float: left;
        width: 100%
    }

    .sel-city {
        width: 47%;
        float: right
    }

    .qye .qty span {
        border-radius: 0
    }

    .qye .qty input {
        width: 45%;
        height: 30px;
        text-align: center
    }

    .che-name .price {
        float: right
    }

    .che-name .price .spanec {
        color: #000;
        font-weight: 600;
        font-size: 17px
    }

    .tal-bil h3 {
        font-size: 15px;
        letter-spacing: 0;
        margin-bottom: 5px
    }

    .tables-wh .tables .frst {
        width: 60%;
        float: left
    }

    .tables-wh .tables p {
        width: 100%;
        margin: 0;
        font-family: sans-serif;
        font-size: 15px
    }

    .tables-wh .tables .sec {
        width: 40%;
        float: right
    }

    .tables-wh .tables .sec p {
        text-align: right
    }

    .tables-whs .tables .frst {
        width: 60%;
        float: left
    }

    .tables-whs .tables p {
        width: 100%;
        margin: 0;
        font-family: sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #000
    }

    .tables-whs .tables .sec {
        width: 40%;
        float: right
    }

    .tables-whs .tables .sec p {
        text-align: right
    }

    .tables-wh {
        overflow: hidden
    }

    .tables-whs {
        overflow: hidden;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        margin-top: 7px
    }

    @media screen and (max-width:1199px) {
        .btn {
            min-width: 140px;
            font-size: 13px;
            padding: 8px 20px
        }
        .btn.theme {
            min-width: 160px
        }
    }

    @media screen and (max-width:991px) {
        .btn {
            min-width: 130px;
            font-size: 13px;
            padding: 7px 19px
        }
        .btn.theme {
            min-width: 140px
        }
    }

    @media screen and (max-width:767px) {
        .btn {
            min-width: 125px;
            font-size: 12px;
            padding: 4px 16px
        }
        .btn.theme {
            min-width: 130px
        }
    }

    @media screen and (min-width:1200px) {
        .container {
            max-width: 1170px
        }
    }

    .section-heading {
        margin-bottom: 50px;
        text-align: center
    }

    .section-heading.half {
        margin-bottom: 30px
    }

    .section-heading h1,
    .section-heading h2,
    .section-heading h3,
    .section-heading h4,
    .section-heading h5,
    .section-heading h6 {
        margin-bottom: 0;
        font-weight: 800;
        position: relative;
        line-height: 140%;
        font-size: 24px;
        text-transform: uppercase
    }

    .section-heading.left {
        text-align: left
    }

    .section-heading strong {
        font-weight: 600
    }

    .section-heading p {
        font-size: 15px;
        font-weight: 400;
        padding-top: 15px;
        margin: 0 auto
    }

    .section-heading span {
        position: relative;
        font-size: 15px;
        font-weight: 500;
        color: #eb3007;
        line-height: 200%;
        margin-bottom: 10px
    }

    @media screen and (max-width:1199px) {
        .section-heading {
            margin-bottom: 40px
        }
        .section-heading h1,
        .section-heading h2,
        .section-heading h3,
        .section-heading h4,
        .section-heading h5,
        .section-heading h6 {
            font-size: 22px
        }
        .section-heading.half {
            margin-bottom: 25px
        }
        .title-font {
            font-size: 20px
        }
        .title-font.large {
            font-size: 42px;
            line-height: 44px
        }
    }

    @media screen and (max-width:991px) {
        .section-heading {
            margin-bottom: 35px
        }
        .section-heading p {
            padding-top: 10px;
            font-size: 14px
        }
        .section-heading h1,
        .section-heading h2,
        .section-heading h3,
        .section-heading h4,
        .section-heading h5,
        .section-heading h6 {
            font-size: 21px
        }
        .section-heading.half {
            margin-bottom: 25px
        }
        .title-font {
            font-size: 19px
        }
        .title-font.large {
            font-size: 36px;
            line-height: 40px
        }
    }

    @media screen and (max-width:767px) {
        .section-heading {
            margin-bottom: 30px
        }
        .section-heading.half {
            margin-bottom: 20px
        }
        .section-heading h1,
        .section-heading h2,
        .section-heading h3,
        .section-heading h4,
        .section-heading h5,
        .section-heading h6 {
            font-size: 20px
        }
        .title-font {
            font-size: 30px
        }
        .title-font.large {
            font-size: 30px;
            line-height: 36px
        }
    }

    .banner-headline {
        font-size: 3rem;
        line-height: 1.2
    }

    .banner-words-wrapper {
        display: inline-block;
        position: relative;
        text-align: left
    }

    .banner-words-wrapper b {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0
    }

    .banner-words-wrapper b.is-visible {
        position: relative
    }

    .no-js .banner-words-wrapper b {
        opacity: 0
    }

    .no-js .banner-words-wrapper b.is-visible {
        opacity: 1
    }

    .banner-headline.clip span {
        display: inline-block;
        padding: .2em 0
    }

    .caption .highlight {
        color: #eb3007
    }

    .banner-headline.clip .banner-words-wrapper {
        overflow: hidden;
        vertical-align: top
    }

    .banner-headline.clip .banner-words-wrapper:after {
        content: '';
        position: absolute;
        top: 10%;
        right: 0;
        width: 2px;
        height: 70%;
        background-color: rgba(255, 255, 255, .65)
    }

    .banner-headline.clip b {
        opacity: 0
    }

    .banner-headline b.is-visible {
        opacity: 1
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #d5d5d5;
        margin: 5px 4px 0 4px;
        border: 2px solid #d5d5d5
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #eb3007;
        border-color: #eb3007
    }

    .slider .arrow,
    .slider-fade .arrow {
        display: none !important
    }

    .slider .owl-item,
    .slider-fade .owl-item {
        height: 100vh;
        position: relative
    }

    .slider .item,
    .slider-fade .item {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center center
    }

    .slider .item .caption,
    .slider-fade .item .caption {
        width: 100%;
        z-index: 9
    }

    .slider .owl-theme .owl-dots,
    .slider-fade .owl-theme .owl-dots {
        position: absolute;
        bottom: 5vh;
        width: 100%;
        left: 0
    }

    @media only screen and (min-width:768px) {
        .banner-headline {
            font-size: 4.4rem;
            font-weight: 300
        }
    }

    @media only screen and (min-width:1170px) {
        .banner-headline {
            font-size: 6rem
        }
    }

    @media screen and (max-width:1199px) {
        .small-height-align {
            min-height: 36vh
        }
        .inner-hd .small-height-align {
            min-height: 0vh
        }
        .modal-dialog {
            max-width: 86%;
            margin: 12.75rem auto
        }
        .slider .owl-item,
        .slider-fade .owl-item {
            height: 80vh
        }
    }

    @media screen and (max-width:991px) {
        .small-height-align {
            min-height: 85vh
        }
        .slider .owl-item,
        .slider-fade .owl-item {
            height: 85vh
        }
    }

    @media screen and (max-width:767px) {
        .small-height-align {
            min-height: 75vh
        }
        .slider .owl-item,
        .slider-fade .owl-item {
            height: 75vh
        }
        .small-max-height {
            max-height: 70vh
        }
    }

    @media screen and (max-width:575px) {
        .mb-bg-position-x-center {
            background-position-x: center !important
        }
        .small-height-align {
            min-height: 35vh
        }
        .slider .owl-item,
        .slider-fade .owl-item {
            height: 70vh
        }
    }

    .chef-section .owl-theme .owl-nav.disabled+.owl-dots {
        bottom: 30px;
        left: 0;
        position: absolute;
        z-index: 1;
        right: 130px
    }

    .our-chef img {
        vertical-align: baseline
    }

    @media screen and (max-width:991px) {
        .chef-section .sm-align-chef {
            margin-top: 0;
            position: relative;
            z-index: 1;
            border-right: 8px solid rgba(0, 0, 0, .1) !important
        }
        .chef-section .our-chef_img img {
            border-bottom: none !important
        }
        .chef-section .owl-theme .owl-nav.disabled+.owl-dots {
            left: inherit;
            right: 30px
        }
    }

    @media screen and (max-width:575px) {
        .chef-section .our-chef_img img,
        .chef-section .sm-align-chef {
            border-width: 2px !important
        }
    }

    .creative-banner {
        min-height: 100vh
    }

    .creative-banner:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1
    }

    .creative-banner .wave-area {
        height: 5%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: white;
        z-index: 1
    }

    .creative-banner .wave {
        background: url(../img/wave.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 6400px;
        height: 100px;
        animation: wave 35s cubic-bezier(.36, .45, .63, .53) infinite;
        transform: translate3d(0, 0, 0)
    }

    .creative-banner .wave:nth-of-type(2) {
        top: -56px;
        animation: wave 20s cubic-bezier(.36, .45, .63, .53) -0.125s infinite, swell 7s ease -1.25s infinite;
        opacity: 1
    }

    @keyframes wave {
        0% {
            margin-left: 0
        }
        100% {
            margin-left: -1600px
        }
    }

    @keyframes swell {
        0%,
        100% {
            transform: translate3d(0, -45px, 0)
        }
        50% {
            transform: translate3d(0, 5px, 0)
        }
    }

    .bg-vid {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%
    }

    @media screen and (max-width:991px) {
        .bg-vid {
            left: -45%
        }
    }

    @media screen and (max-width:767px) {
        .bg-vid {
            left: -16%;
            height: 100%
        }
    }

    .navbar {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: transparent;
        z-index: 9999;
        min-height: 70px;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .navbar .icon-bar {
        color: #fff
    }

    .navbar.bg-white .icon-bar {
        color: #232323
    }

    .navbar.bg-black {
        background: #232323;
        border-bottom: none
    }

    .navbar.bg-black .navbar-nav .nav-link.active {
        color: #eb3007
    }

    .navbar.bg-black.nav-scroll .navbar-nav .nav-link {
        color: #fff
    }

    .navbar.bg-black .navbar-nav .nav-link:hover,
    .navbar.bg-black.nav-scroll .navbar-nav .nav-link.active {
        color: #eb3007
    }

    .navbar.bg-black .navbar-nav .nav-link.btn.small:hover,
    .navbar.bg-black .navbar-nav .nav-link.btn.small.active {
        color: #fff
    }

    .navbar .navbar-nav .nav-link {
        font-size: 13px;
        font-weight: 600;
        color: #eee;
        letter-spacing: .5px;
        margin: 0;
        padding: 10px 11px;
        transition: all .5s;
        text-align: left;
        text-transform: uppercase;
    }

    .navbar .navbar-nav .nav-link:hover {
        color: #eb3007
    }

    .navbar .navbar-nav .nav-link.active {
        color: #eb3007;
        position: relative
    }

    .nav-scroll {
        background: #fff;
        box-shadow: 0 5px 10px -10px rgba(0, 0, 0, .6);
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        transition: transform .5s;
        transform: translateY(100px);
        z-index: 99
    }

    .nav-scroll.bg-black .icon-bar {
        color: #fff
    }

    .nav-scroll .icon-bar,
    .nav-scroll .navbar-nav .nav-link {
        color: #232323
    }

    .navbar-toggler {
        background: #eb3007;
        width: 40px;
        height: 35px;
        padding: 0;
        border-radius: 0;
        position: absolute;
        right: 15px;
        top: 21px;
        cursor: pointer;
        z-index: 12399994;
        border: none
    }

    .navbar-toggler .icon-bar:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 17px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 10px;
        display: block;
        content: ""
    }

    .navbar-toggler .icon-bar:before {
        top: 17px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        right: 10px;
        display: block;
        height: 2px;
        content: ""
    }

    .navbar-toggler.collapsed .icon-bar:after {
        position: absolute;
        top: 17px;
        right: 10px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: "";
        background: none;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .navbar-toggler.collapsed .icon-bar:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 11px;
        right: 10px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: "";
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .nav-scroll .navbar-nav .logo {
        padding: 15px 0
    }

    .logo {
        padding: 15px 0;
        width: 160px
    }

    @media screen and (min-width:992px) {
        .navbar-expand-lg .navbar-collapse.desktop-hide {
            display: none !important
        }
    }

    @media screen and (max-width:1399px) {
        .navbar>.container {
            padding-right: 3.5rem
        }
        .sidemenu_btn {
            margin-right: 0
        }
    }

    @media screen and (max-width:1199px) {
        .navbar .navbar-nav .nav-link {
            padding: 10px;
            font-size: 12px
        }
        .navbar .navbar-nav .btn.small {
            margin-left: 5px;
            padding: 4px 16px;
            margin-top: 4px
        }
    }

    @media screen and (max-width:991px) {
        .logo {
            padding: 11px 0 12px 0
        }
        .navbar {
            border: none
        }
        .navbar .navbar-nav .nav-link {
            border-bottom: 1px solid #383838
        }
        .navbar .navbar-nav .btn.small {
            margin: 10px 5px
        }
        .navbar>.container {
            padding-right: 0;
            position: relative
        }
        .navbar .navbar-collapse {
            background: #232323;
            text-align: center
        }
        .navbar .navbar-toggler {
            padding: 8px 0;
            text-align: right;
            width: 40px;
            top: 18px
        }
        .navbar .nav-link {
            display: block
        }
        .navbar .navbar-nav .active:after {
            width: 100%
        }
        .nav-scroll .navbar-collapse .nav-link {
            color: #fff !important
        }
        .nav-scroll .navbar-collapse .active {
            color: #eb3007 !important
        }
        .nav-scroll .navbar-collapse .btn.active {
            color: #fff !important
        }
    }

    .header {
        overflow: hidden
    }

    .header .caption .overflow-hidden {
        display: inline-block
    }

    .header .caption h3 {
        font-weight: 200;
        animation-delay: 0.5s;
        position: relative;
        display: inline-block
    }

    .header .caption h2 {
        color: #fff;
        margin: 10px 0;
        font-size: 70px;
        font-weight: 700;
        animation-delay: 0.8s
    }

    .header .caption p {
        font-size: 18px;
        color: #eee;
        word-spacing: 2px;
        animation-delay: 1.2s
    }

    .header .btn {
        animation-delay: 1.4s
    }

    .header .btn i {
        position: relative;
        top: 1px
    }

    .header .arrow {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 13px;
        z-index: 8
    }

    .header .arrow a {
        color: #fff
    }

    .header .arrow a:hover {
        color: #eb3007
    }

    .header .arrow i {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 32px;
        font-size: 12px
    }

    .header .arrow i:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #eb3007;
        border-radius: 50%;
        z-index: -1;
        transition: all .2s
    }

    .header .arrow i:hover:after {
        background: #fff;
        transform: scale(1.2);
        transition: all .5s
    }

    .header .social-links a {
        display: inline-block;
        margin: 0 12px;
        font-size: 18px
    }

    .header .social-links a:hover {
        opacity: .85
    }

    .header .social-links:last-child {
        margin-right: 0
    }

    @media screen and (min-width:1200px) {
        .header {
            height: 100vh
        }
    }

    @media screen and (max-width:1199px) {
        .header .caption h2 {
            font-size: 60px
        }
    }

    @media screen and (max-width:991px) {
        .header {
            transition-timing-function: none;
            -moz-transition-timing-function: none;
            -webkit-transition-timing-function: none;
            -o-transition-timing-function: none;
            -ms-transition-timing-function: none;
            transition-duration: 0s;
            -moz-transition-duration: 0s;
            -webkit-transition-duration: 0s;
            -o-transition-duration: 0s;
            -ms-transition-duration: 0s
        }
        .header .caption h2 {
            font-size: 50px
        }
        .header .caption h2 {
            font-size: 30px
        }
        .header .caption p {
            font-size: 16px
        }
        .header .social-links a {
            font-size: 16px
        }
    }

    @media screen and (max-width:767px) {
        .header .caption h2 {
            font-size: 32px;
            margin-top: 5px;
            margin-bottom: 15px
        }
        .header .caption h3 {
            letter-spacing: 1px
        }
    }

    @media screen and (max-width:575px) {
        .header .caption h2 {
            font-size: 24px;
            margin-top: 5px;
            margin-bottom: 12px
        }
    }

    .side-menu {
        width: 30%;
        position: fixed;
        right: 0;
        top: 0;
        background: #eb3007;
        z-index: 99999;
        height: 100%;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        overflow: hidden
    }

    .side-menu.left {
        left: 0;
        right: auto;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .side-menu.black {
        background: rgba(0, 0, 0, .95)
    }

    .side-menu.side-menu-active,
    .side-menu.before-side {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .side-menu .navbar-brand {
        margin: 0 0 2.5rem 0
    }

    #close_sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-transition: opacity 300ms cubic-bezier(.895, .03, .685, .22);
        -o-transition: opacity 300ms cubic-bezier(.895, .03, .685, .22);
        transition: opacity 300ms cubic-bezier(.895, .03, .685, .22);
        display: none;
        z-index: 9999;
        opacity: .4
    }

    .side-menu .btn-close {
        height: 33px;
        width: 33px;
        display: inline-block;
        text-align: center;
        position: absolute;
        top: 30px;
        right: 15px;
        cursor: pointer
    }

    .side-menu.before-side .btn-close {
        display: none
    }

    .side-menu .btn-close:before,
    .side-menu .btn-close:after {
        position: absolute;
        left: 16px;
        content: ' ';
        height: 24px;
        width: 2px;
        background: #fff;
        top: 5px
    }

    .side-menu .btn-close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .side-menu .btn-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .sidemenu_btn {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        width: 36px;
        padding: 6px;
        margin-right: 1rem;
        position: absolute;
        right: 25px;
        top: 22px;
        z-index: 99
    }

    .sidemenu_btn.left {
        left: 15px;
        right: auto
    }

    .sidemenu_btn>span {
        height: 2px;
        width: 100%;
        background: #fff;
        display: block
    }

    .sidemenu_btn>span:nth-child(2) {
        margin: 4px 0
    }

    .nav-scroll .sidemenu_btn>span {
        background: #232323
    }

    .bg-black.nav-scroll .sidemenu_btn>span {
        background: #fff
    }

    .bg-white .sidemenu_btn>span,
    .bg-white.nav-scroll .sidemenu_btn>span {
        background: #232323
    }

    .side-menu .inner-wrapper {
        padding: 3.5rem 5rem;
        height: 100%;
        position: relative;
        overflow-y: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .side-menu .side-nav {
        margin-bottom: 30px;
        display: block
    }

    .side-nav .navbar-nav .nav-item {
        display: block;
        margin: 10px 0;
        padding: 0 !important;
        opacity: 0;
        -webkit-transition: all 0.8s ease 500ms;
        -o-transition: all 0.8s ease 500ms;
        transition: all 0.8s ease 500ms;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }

    .side-nav .navbar-nav .nav-item:first-child {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s
    }

    .side-nav .navbar-nav .nav-item:nth-child(2) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .side-nav .navbar-nav .nav-item:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .side-nav .navbar-nav .nav-item:nth-child(4) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }

    .side-nav .navbar-nav .nav-item:nth-child(5) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    .side-nav .navbar-nav .nav-item:nth-child(6) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }

    .side-nav .navbar-nav .nav-item:nth-child(7) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s
    }

    .side-nav .navbar-nav .nav-item:nth-child(8) {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }

    .side-nav .navbar-nav .nav-item:nth-child(9) {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s
    }

    .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .side-nav .navbar-nav .nav-link {
        display: inline-table;
        color: #fff;
        padding: 2px 0 3px 0 !important;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: normal;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .side-nav .navbar-nav .nav-link:after {
        content: "";
        position: absolute;
        background: #fff;
        display: inline-block;
        width: 0;
        height: 1px;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s cubic-bezier(0, 0, .2, 1);
        -o-transition: all 0.5s cubic-bezier(0, 0, .2, 1);
        transition: all 0.5s cubic-bezier(0, 0, .2, 1)
    }

    .side-nav .navbar-nav .nav-link:hover:after,
    .side-nav .navbar-nav .nav-link:focus:after {
        width: 100%
    }

    .side-nav .navbar-nav .nav-link.active {
        background: transparent
    }

    .side-nav .navbar-nav .nav-link.active:after {
        width: 100%
    }

    .side-menu .social-links a {
        color: #fff
    }

    .side-menu .social-links a:hover {
        opacity: .65
    }

    .corner-img {
        position: absolute
    }

    .about-corner {
        right: -1%;
        bottom: -2%
    }

    .menu-corner {
        left: -90px;
        top: -90px
    }

    @media screen and (max-width:1599px) {
        .about-corner {
            right: -8%;
            bottom: -2%
        }
        .menu-corner {
            left: -170px;
            top: -170px
        }
    }

    @media screen and (max-width:1399px) {
        .about-corner {
            right: -13%;
            bottom: -11%
        }
        .about-corner img {
            max-width: 75%
        }
        .menu-corner {
            left: -130px;
            top: -140px
        }
        .menu-corner img {
            max-width: 75%
        }
    }

    @media screen and (max-width:767px) {
        .menu-corner {
            display: none
        }
        .about-corner {
            right: -59%;
            bottom: -15%
        }
    }

    .callto-action-imgbox {
        display: block;
        padding-left: 40px;
        padding-top: 40px;
        position: relative;
        z-index: 1
    }

    .callto-action-imgbox:before {
        border: 2px solid #eb3007;
        bottom: 40px;
        content: "";
        left: 0;
        position: absolute;
        right: 40px;
        top: 0;
        z-index: -1
    }

    .play-button-wrapper .btn-play {
        width: 60px;
        height: 60px;
        line-height: 56px;
        text-align: center;
        font-size: 22px;
        color: #fff;
        margin: auto;
        left: 9%;
        right: 0;
        display: block;
        background: #eb3007;
        border: 2px solid #fff;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        position: absolute;
        overflow: hidden;
        top: 18%;
        bottom: 0;
        transform: perspective(1px) translateY(-50%);
        z-index: 3
    }

    .play-button-wrapper .btn-play:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        opacity: .19;
        z-index: 1
    }

    .play-button-wrapper .btn-play i {
        padding-left: 5px;
        position: relative;
        z-index: 2
    }

    @media screen and (max-width:1199px) {
        .callto-action-imgbox {
            padding-left: 30px;
            padding-top: 30px
        }
    }

    @media screen and (max-width:991px) {
        .callto-action-imgbox {
            padding-left: 20px;
            padding-top: 20px;
            margin: 0 auto 30px auto !important;
            max-width: 75%
        }
    }

    @media screen and (max-width:767px) {
        .callto-action-imgbox {
            padding-left: 15px;
            padding-top: 15px;
            margin: 0 auto 25px auto !important;
            max-width: 95%
        }
        .play-button-wrapper .btn-play {
            width: 50px;
            height: 50px;
            font-size: 16px;
            line-height: 48px
        }
    }

    .feature-box01 .feature-icon {
        height: 125px;
        line-height: 125px;
        transition: all 0.5s ease 0s;
        width: 125px;
        border: 2px solid #eb3007
    }

    .feature-box01:hover .feature-icon {
        background-color: #eb3007
    }

    @media screen and (max-width:1199px) {
        .feature-box01 .feature-icon {
            width: 110px;
            height: 110px;
            line-height: 100px
        }
        .feature-box01 .feature-icon img {
            width: 65%
        }
    }

    @media screen and (max-width:991px) {
        .feature-box01 .feature-icon {
            width: 90px;
            height: 90px;
            line-height: 80px
        }
    }

    @media screen and (max-width:767px) {
        .feature-box01 .feature-icon {
            width: 75px;
            height: 75px;
            line-height: 70px
        }
    }

    .menu-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .menu-row .menu-item {
        display: inline-block;
        vertical-align: middle;
        width: 52px
    }

    .menu-row .menu-item img {
        vertical-align: middle
    }

    .menu-row .item-name {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        margin-bottom: 0;
        width: 78%;
        position: relative;
        overflow: hidden
    }

    .menu-row .item-name:after {
        background: url(../img/dotted-linet.png) repeat-x;
        content: "";
        width: 100%;
        height: 1px;
        display: inline-block;
        position: absolute;
        bottom: 9px
    }

    .menu-row .price {
        display: inline-block;
        width: 50px;
        text-align: right;
        vertical-align: middle
    }

    .menu-row li {
        width: 100%;
        float: left;
        margin-bottom: 5px
    }

    .delicious-menu .block {
        float: left;
        margin-left: -145px;
        background-color: #fff;
        width: calc(100% + 145px);
        min-height: 406px
    }

    .delicious-menu .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 50px;
        line-height: normal
    }

    .hii-title {
        background: #ff0000;
        padding: 30px 0;
    }

    .hii-title h1 {
        font-size: 34px;
        margin: 0;
        text-align: center;
        color: #fff;
    }

    /*---------------about area---------------------*/

    .about_area {
        padding-top: 80px;
        padding-bottom: 135px;
        background: #fffbf5;
        position: relative;
    }

    @media(max-width:767px) {
        .about_area {
            padding-top: 50px;
            padding-bottom: 112px
        }
        .hii-title h1 {
            font-size: 26px;
            margin: 0;
            text-align: center;
            color: #fff;
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .about_area .about_info_wrap {
            margin-bottom: 30px
        }
    }

    .about_area .about_info_wrap h3 {
        font-size: 50px;
        font-family: philosopher, sans-serif;
        color: #001d38;
        line-height: 60px;
        margin-bottom: 0
    }

    @media(max-width:767px) {
        .about_area .about_info_wrap h3 {
            font-size: 30px;
            line-height: 38px
        }
    }

    @media(max-width:767px) {
        .about_area .about_info_wrap h3 br {
            display: none
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .about_area .about_info_wrap h3 br {
            display: none
        }
    }

    .about_area .about_info_wrap .long_dash {
        height: 3px;
        width: 70px;
        background: #db9a64;
        display: inline-block;
        margin-bottom: 34px;
        margin-top: 17px
    }

    .about_area .about_info_wrap p {
        font-size: 16px;
        line-height: 28px;
        color: #596672;
        margin-bottom: 50px
    }

    .about_area .about_info_wrap .food_list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    @media(max-width:767px) {
        .about_area .about_info_wrap .food_list {
            display: block
        }
    }

    .about_area .about_info_wrap .food_list li {
        margin-right: 50px
    }

    @media(max-width:767px) {
        .about_area .about_info_wrap .food_list li {
            margin-right: 0;
            margin-bottom: 30px
        }
    }

    .about_area .about_info_wrap .food_list li span {
        padding-left: 14px;
        color: #db9a64;
        font-size: 16px;
        font-weight: 400
    }

    .about_area .about_img {
        position: relative
    }

    .about_area .about_img .img_1 {
        padding-left: 80px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }

    .about_area .about_img .img_1 img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 100%
    }

    .about_area .about_img .small_img {
        position: absolute;
        margin-top: -170px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border: 10px solid #fff
    }

    @media(max-width:767px) {
        .about_area .about_img .small_img {
            position: absolute;
            margin-top: -80px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            border: 10px solid #fff;
            width: 210px
        }
    }

    .about_area .about_img .small_img img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 100%
    }

    .about_area .icon_1 {
        position: absolute;
        top: 7%;
        left: 4%
    }

    .about_area .icon_3 {
        position: absolute;
        right: 4%;
        bottom: 10%
    }

    .about_area .icon_2 {
        position: absolute;
        bottom: -12%;
        left: 6%
    }

    .main_about_wrap {
        padding-top: 145px;
        padding-bottom: 130px
    }

    @media(max-width:767px) {
        .main_about_wrap {
            padding-top: 50px;
            padding-bottom: 40px
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .main_about_wrap {
            padding-top: 50px;
            padding-bottom: 40px
        }
    }

    .main_about_wrap h3 {
        font-weight: 700;
        font-size: 50px;
        margin-bottom: 0
    }

    @media(max-width:767px) {
        .main_about_wrap h3 {
            font-size: 30px
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .main_about_wrap h3 {
            font-size: 35px
        }
    }

    .main_about_wrap p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 46px;
        margin-top: 24px
    }

    .main_about_wrap .about_thumb {
        margin-bottom: 30px
    }

    .main_about_wrap .about_thumb img {
        width: 100%
    }

    /*---------------about area---------------------*/

    @media screen and (max-width:1199px) {
        .food-gallery-section .food-gallery:hover .hover-text {
            top: 5%;
            left: 5%;
            right: 5%;
            bottom: 5%
        }
        .delicious-menu .block {
            min-height: 380px
        }
        .delicious-menu .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 40px
        }
        .menu-row .item-name {
            width: 74%
        }
    }

    @media screen and (max-width:991px) {
        .delicious-section img {
            width: 100%
        }
        .delicious-menu .row .block {
            max-width: 100%;
            margin-left: 0;
            margin-top: 20px;
            min-height: auto
        }
        .delicious-menu .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 30px
        }
        .delicious-menu .owl-carousel .owl-item img {
            width: 100%
        }
        .menu-row .item-name {
            width: 82%
        }
        .food-gallery {
            text-align: center
        }
        .food-gallery-section .food-gallery:hover .hover-text {
            top: 7%;
            bottom: 7%;
            left: 18%;
            right: 18%
        }
    }

    @media screen and (max-width:767px) {
        .menu-row .item-name {
            max-width: 53%;
            width: 100%;
            margin-top: 8px;
            line-height: 22px
        }
        .menu-row li {
            margin-bottom: 10px
        }
        .menu-row li:last-child {
            margin-bottom: 0
        }
    }

    ul.resp-tabs-list {
        margin: 0;
        padding: 0
    }

    .resp-tabs-list li {
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        padding: 15px;
        margin: 0 8px 0 0;
        list-style: none;
        cursor: pointer;
        min-width: 175px;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-width: 1px 1px 0 1px
    }

    .resp-tabs-list li:last-child {
        margin-right: 0
    }

    .resp-tabs-list li i {
        font-size: 28px;
        margin-bottom: 8px;
        color: #6f6f6f
    }

    .resp-tabs-container {
        padding: 0;
        background-color: #fff;
        clear: left
    }

    .resp-tab-content {
        display: none;
        padding: 50px 0 0 0
    }

    .resp-content-active,
    .resp-accordion-active {
        display: block
    }

    .resp-tab-content {
        border: 1px solid #c1c1c1;
        border-top-color: #c1c1c1;
        float: left;
        width: 100%
    }

    h2.resp-accordion {
        background: #fff !important;
        cursor: pointer;
        display: none;
        font-size: 14px;
        border: 1px solid #e4e4e4;
        border-top: 0 solid #e4e4e4;
        margin: 0;
        padding: 15px 21px;
        float: left;
        width: 100%
    }

    h2.resp-tab-active {
        border-bottom: 0 solid #e4e4e4 !important;
        background: #eb3007 !important;
        color: #fff
    }

    h2.resp-tab-title:last-child {
        border-bottom: 12px solid #e4e4e4 !important;
        background: #eb3007
    }

    .price-label {
        position: absolute;
        right: 0;
        top: 0;
        letter-spacing: 2px;
        text-align: center;
        padding: 2px
    }

    .price-label span {
        border: 1px solid #fff;
        display: inline-block;
        padding: 0 8px
    }

    .resp-arrow {
        border-color: transparent #232323 #232323 transparent;
        border-style: solid;
        border-width: 0 1px 1px 0;
        float: right;
        display: block;
        height: 8px;
        transform: rotate(45deg);
        width: 8px;
        margin-top: 4px
    }

    h2.resp-tab-active span.resp-arrow {
        border-color: #fff transparent transparent #fff;
        border-style: solid;
        border-width: 1px 0 0 1px;
        float: right;
        display: block;
        height: 8px;
        transform: rotate(45deg);
        width: 8px;
        margin-top: 7px
    }

    .resp-easy-accordion h2.resp-accordion {
        display: block
    }

    .resp-easy-accordion .resp-tab-content {
        border: 1px solid #c1c1c1
    }

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1
    }

    .resp-jfit {
        width: 100%;
        margin: 0
    }

    .resp-tab-content-active {
        display: block;
        border-color: #e4e4e4 !important
    }

    h2.resp-accordion:first-child {
        border-top: 1px solid #e4e4e4
    }

    h2.resp-accordion.resp-tab-active {
        border-color: #e4e4e4 !important
    }

    @media screen and (min-width:768px) {
        .tab-style ul.resp-tabs-list {
            text-align: center
        }
        .tab-style ul.resp-tabs-list.text-left {
            padding-left: 15px
        }
        .tab-style ul.resp-tabs-list li:last-child {
            margin-right: 0
        }
        .tab-style ul.resp-tabs-list li.resp-tab-active {
            position: relative
        }
        .tab-style ul.resp-tabs-list li.resp-tab-active:after {
            content: "";
            background: #eb3007;
            height: 3px;
            width: 25%;
            display: inline-block;
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            margin: 0 auto
        }
        .tab-style .resp-tab-content {
            border: 2px solid #e6e6e6;
            border-width: 2px 0 0 0;
            border-color: #4e54c8
        }
    }

    @media screen and (max-width:1199px) {
        .resp-tabs-list li {
            font-size: 15px;
            min-width: 160px
        }
        .resp-tab-content {
            padding-top: 40px
        }
    }

    @media screen and (max-width:991px) {
        .resp-tabs-list li {
            font-size: 13px;
            min-width: 120px;
            padding: 10px
        }
        .resp-tab-content {
            padding-top: 30px
        }
    }

    @media screen and (max-width:767px) {
        ul.resp-tabs-list {
            display: none
        }
        h2.resp-accordion {
            display: block
        }
        h2.resp-accordion i {
            margin-right: 12px;
            font-size: 18px;
            min-width: 25px
        }
        h2.resp-accordion.resp-tab-active i {
            color: #fff
        }
        .resp-accordion-closed {
            display: none !important
        }
        .resp-tab-content {
            background-color: #fff;
            padding: 20px 15px
        }
    }

    .portfolio {
        overflow: hidden
    }

    .portfolio .filtering span {
        margin-right: 8px;
        color: #333;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid #d5d5d5;
        border-radius: 30px;
        padding: 5px 20px;
        display: inline-block;
        margin-bottom: 10px
    }

    .portfolio .filtering span:last-child {
        margin: 0
    }

    .portfolio .filtering span:hover {
        border-color: #eb3007;
        background: #eb3007;
        color: #fff
    }

    .portfolio .filtering .active {
        border-color: #eb3007;
        background: #eb3007;
        color: #fff
    }

    .portfolio .item-img {
        position: relative;
        overflow: hidden
    }

    .portfolio .item-img img {
        width: 100%
    }

    .portfolio .item-img:hover .item-img-overlay {
        opacity: 1;
        transform: translateY(0)
    }

    .portfolio .item-img:hover h6 {
        transform: translateY(0)
    }

    .portfolio .item-img h6 {
        font-weight: 600;
        position: relative;
        font-size: 16px;
        color: #fff;
        margin-bottom: 0;
        transform: translateY(15px);
        transition: all .5s
    }

    .portfolio .item-img .fa {
        background: #eb3007;
        border: 1px solid #eb3007;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 30px;
        line-height: 28px;
        width: 30px;
        margin-bottom: 5px;
        transition: all .5s
    }

    .portfolio .item-img .fa:hover {
        background: #fff;
        color: #eb3007
    }

    .portfolio .item-img-overlay {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        background: rgba(0, 0, 0, .85);
        color: #fff;
        opacity: 0;
        transition: all .5s;
        z-index: 2;
        transform: translateY(10px)
    }

    .owl-carousel .owl-item img {
        width: auto;
        display: inline-block
    }

    .testimonials .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 50px
    }

    @media screen and (max-width:1199px) {
        .testimonials .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 40px
        }
    }

    @media screen and (max-width:991px) {
        .testimonials .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 30px
        }
    }

    @media screen and (max-width:767px) {
        .testimonials .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 20px
        }
    }

    .blog .item {
        box-shadow: 0 5px 35px 0 rgba(148, 146, 245, .15);
        border-radius: 5px
    }

    .blog .item .post-img {
        position: relative;
        overflow: hidden
    }

    .blog .item .post-img:hover img {
        transform: scale(1.1)
    }

    .blog .item .post-img img {
        width: 100%;
        transition: all .5s
    }

    .blog .item .content {
        padding: 30px;
        background: #fff;
        text-align: left
    }

    .blog .item .content .tag {
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 5px;
        letter-spacing: 1px
    }

    .blog .item .content .read-more {
        margin-top: 20px;
        font-weight: 700
    }

    .blog .item .content .read-more:hover {
        color: #eb3007;
        text-decoration: none
    }

    .blog .item .content h6 {
        line-height: normal;
        text-transform: inherit;
        margin-bottom: 2px
    }

    .blog-nav {
        position: static !important;
        background: #fff !important;
        margin: 0;
        top: 0;
        transform: translateY(0)
    }

    .blog-nav .logo {
        color: #1c1c1c !important
    }

    .blog-nav .navbar-nav .nav-link,
    .blog-nav .icon-bar {
        color: #232323
    }

    .blog-header {
        background: #232323;
        position: relative
    }

    .blog-header h2 {
        font-weight: 700;
        letter-spacing: 1px;
        color: #ccc;
        margin-bottom: 15px
    }

    .blog-header a {
        position: relative;
        color: #d5d5d5
    }

    .blog-header a:after {
        content: '/';
        position: relative;
        margin: 0 10px
    }

    .blog-header a:last-child:after {
        display: none
    }

    .blog-header a:hover {
        color: #fff
    }

    .blog-header a.active {
        color: #eb3007
    }

    .blogs .posts .comments-area .comment-box {
        padding-bottom: 30px;
        margin-bottom: 50px;
        border-bottom: 1px solid #eee
    }

    .blogs .posts .comments-area .comment-box:nth-child(odd) {
        margin-left: 80px
    }

    .blogs .posts .comments-area .comment-box:last-child {
        margin-bottom: 30px
    }

    .blogs .posts .comments-area .comment-box .author-thumb {
        width: 80px;
        float: left
    }

    .blogs .posts .comments-area .comment-box .comment-info {
        margin-left: 100px
    }

    .blogs .posts .comments-area .comment-box .comment-info h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px
    }

    .blogs .posts .comments-area .comment-box .comment-info .reply {
        margin-top: 10px;
        font-weight: 600
    }

    .blogs .posts .comments-area .comment-box .comment-info .reply i {
        padding-right: 5px;
        font-size: 12px
    }

    .blogs .posts .pagination {
        border-radius: 0;
        padding: 0;
        margin: 0
    }

    .blogs .posts .pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin: 0 auto;
        padding: 0
    }

    .blogs .posts .pagination li {
        display: inline
    }

    .blogs .posts .pagination a {
        float: left;
        padding: 0 18px;
        line-height: 40px;
        text-decoration: none;
        border: 1px solid #dbdbdb;
        border-left-width: 0;
        background: #fff
    }

    .blogs .posts .pagination a:hover {
        background-color: #232323;
        color: #fff
    }

    .blogs .posts .pagination .active a {
        background-color: #f7f7f7;
        color: #999;
        cursor: default
    }

    .blogs .posts .pagination .disabled span {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .blogs .posts .pagination .disabled a {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .blogs .posts .pagination .disabled a:hover {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .blogs .posts .pagination li:first-child a {
        border-left-width: 1px
    }

    .blog-list-simple {
        margin: 0 0 30px 0;
        padding-bottom: 30px
    }

    .blog-list-simple:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .blog-list-simple-text {
        color: #999
    }

    .blog-list-simple-text>span {
        color: #eb3007;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px
    }

    .blog-list-simple-text p {
        border-top: 1px solid #ececec;
        color: #999;
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin-bottom: 0;
        padding: 15px 0
    }

    .blog-list-simple-text .meta {
        margin: 0 0 5px 0
    }

    .blog-list-simple-text li {
        display: inline-block;
        font-size: 12px;
        color: #777;
        margin: 5px
    }

    .blog-list-simple-text h4 {
        color: #232323;
        font-size: 20px;
        font-weight: 500;
        margin: 5px 0;
        line-height: normal
    }

    .blog-list-simple-text ul {
        margin: 10px 0
    }

    .blog-list-simple-text ul li {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        padding: 3px 0
    }

    .blog-list-simple-text ul li i {
        color: #eb3007;
        margin-right: 5px;
        font-size: 14px
    }

    .blogs .post {
        margin-bottom: 50px
    }

    .blogs .post .content {
        padding: 30px;
        background: #fafafa
    }

    .blogs .post .content .post-title h5 {
        line-height: normal;
        font-weight: 500;
        margin-bottom: 0
    }

    .blogs .post .content .post-title h5 a {
        color: #232323
    }

    .blogs .post .content .post-title h5 a:hover {
        color: #00bcd1
    }

    .blogs .post .content .meta {
        margin-bottom: 15px
    }

    .blogs .post .content .meta li {
        display: inline-block;
        margin: 5px
    }

    .blogs .post .content .special {
        padding: 15px;
        margin: 30px 0;
        border-left: 2px solid #111;
        background: #f7f7f7
    }

    .blogs .post .content .btn {
        border-color: #6f6f6f;
        color: #6f6f6f;
        min-width: auto;
        padding: 6px 20px;
        font-size: 12px
    }

    .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #00bcd1
    }

    .blogs .post .share-post {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px dashed #ddd;
        text-align: left
    }

    .blogs .post .share-post span {
        font-weight: 700
    }

    .blogs .post .share-post ul {
        float: right
    }

    .blogs .post .share-post ul li {
        display: inline-block;
        margin: 0 10px
    }

    .blogs .post .post-img img {
        width: 100%
    }

    .blogs .posts .title-g h3 {
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 10px
    }

    .blogs .comments-area .comment-box {
        padding-bottom: 30px;
        margin-bottom: 50px;
        border-bottom: 1px solid #eee
    }

    .blogs .comments-area .comment-box:nth-child(odd) {
        margin-left: 80px
    }

    .blogs .comments-area .comment-box:last-child {
        margin-bottom: 30px
    }

    .blogs .comment-box .author-thumb {
        width: 80px;
        float: left
    }

    .blogs .comment-box .comment-info {
        margin-left: 100px
    }

    .blogs .comment-box .comment-info h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px
    }

    .blogs .comment-box .comment-info .reply {
        margin-top: 10px;
        font-weight: 600
    }

    .blogs .comment-box .comment-info .reply i {
        padding-right: 5px;
        font-size: 12px
    }

    .pagination {
        border-radius: 0;
        padding: 0;
        margin: 0
    }

    .pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin: 0 auto;
        padding: 0
    }

    .pagination li {
        display: inline
    }

    .pagination a {
        float: left;
        padding: 0 18px;
        line-height: 40px;
        text-decoration: none;
        border: 1px solid #dbdbdb;
        border-left-width: 0;
        background: #fff
    }

    .pagination a:hover {
        background-color: #232323;
        color: #fff
    }

    .pagination .active a {
        background-color: #f7f7f7;
        color: #999;
        cursor: default
    }

    .pagination .disabled span {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .pagination .disabled a {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .pagination .disabled a:hover {
        color: #999;
        background-color: transparent;
        cursor: default
    }

    .pagination li:first-child a {
        border-left-width: 1px
    }

    .blockquote {
        background: #f1f1f1;
        border-left: 4px solid #00bcd1;
        font-size: 16px;
        font-weight: 500;
        margin: 25px 0;
        padding: 20px 30px 30px
    }

    .blockquote p {
        font-size: 15px;
        font-weight: 500;
        line-height: 190%;
        color: #232323;
        letter-spacing: .5px
    }

    .blockquote h4 {
        font-size: 20px;
        font-weight: 400;
        color: #232323;
        letter-spacing: .5px
    }

    .side-bar .widget {
        margin-bottom: 30px
    }

    .side-bar .widget:last-child {
        margin-bottom: 0
    }

    .side-bar .widget .widget-title h6 {
        position: relative;
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 20px
    }

    .side-bar .widget .widget-title h6:after {
        content: '';
        width: 30px;
        height: 1px;
        background: #eb3007;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .side-bar .widget li {
        position: relative;
        padding: 0 0 0 12px;
        margin: 0 0 9px 0;
        color: #6f6f6f
    }

    .side-bar .widget li:last-child {
        margin: 0
    }

    .side-bar .widget li:after {
        content: "";
        width: 5px;
        height: 1px;
        background-color: #6f6f6f;
        position: absolute;
        top: 12px;
        left: 0
    }

    .side-bar .widget .social-listing {
        margin-bottom: 0
    }

    .side-bar .widget .social-listing li {
        list-style: none;
        display: inline-block
    }

    .side-bar .widget .social-listing li:after {
        background: none
    }

    .side-bar .widget .social-listing li:first-child {
        padding-left: 0
    }

    .side-bar .search form input {
        width: calc(100% - 50px);
        height: 50px;
        padding: 0 10px;
        margin: 0;
        border: 1px solid #d1d1d1;
        background: #f7f7f7
    }

    .side-bar .search form button {
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background: #eb3007;
        border: 0;
        float: right;
        border-radius: 0;
        padding: 0
    }

    .side-bar .search form button:hover:before {
        border-radius: 0;
        padding: 0
    }

    @media screen and (max-width:991px) {
        .blog-nav .navbar-nav .nav-link {
            color: #fff
        }
    }

    @media screen and (max-width:767px) {
        .blog-list-simple {
            margin-bottom: 20px;
            padding-bottom: 20px
        }
        .blogs .posts .post .content {
            padding: 20px
        }
        .blogs .posts .post .content .post-title h5 {
            font-size: 22px
        }
    }

    .coming-soon .social-links li {
        display: inline-block;
        font-size: 18px;
        margin-right: 30px
    }

    .coming-soon .social-links li:last-child {
        margin-right: 0
    }

    ul.countdown li {
        display: inline-block;
        padding: 0 30px;
        text-align: center;
        border-right: 1px solid #626262
    }

    ul.countdown li:last-child {
        border: none;
        padding-right: 0
    }

    ul.countdown li span {
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
        position: relative
    }

    ul.countdown li span:before {
        content: "";
        height: 1px;
        position: absolute;
        width: 100%
    }

    ul.countdown li p.timeRefDays,
    ul.countdown li p.timeRefHours,
    ul.countdown li p.timeRefMinutes,
    ul.countdown li p.timeRefSeconds {
        font-size: 12px;
        margin: 0;
        padding: 0;
        text-transform: uppercase
    }

    @media screen and (max-width:767px) {
        ul.countdown li {
            padding: 0 6px
        }
        .coming-soon .social-links li {
            margin-right: 15px
        }
        ul.countdown li span {
            font-size: 22px
        }
    }

    #map {
        height: 650px;
        width: 100%
    }

    .footer-bottom a:hover {
        color: #000
    }

    .footer-social a {
        display: inline-block;
        margin: 0 12px
    }

    .footer-social a:last-child {
        margin-right: 0
    }

    .footer-social a i {
        color: #b7b7b7;
        font-size: 18px
    }

    .footer-social a:hover i {
        color: #eb3007
    }

    .back-to-top {
        background: #6f6f6f;
        border-radius: 50%;
        position: fixed;
        z-index: 9;
        right: 25px;
        bottom: 15px;
        width: 35px;
        height: 35px;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 350ms;
        -o-transition: opacity 350ms;
        transition: opacity 350ms
    }

    .back-to-top i {
        position: absolute;
        left: 50%;
        top: 45%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 16px
    }

    .back-to-top:hover {
        background: #eb3007 !important
    }

    .back-to-top.reveal {
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .back-to-top.reveal:focus,
    .back-to-top.reveal:hover,
    .back-to-top.reveal:active {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    @media screen and (max-width:1399px) {
        #map {
            height: 525px
        }
    }

    @media screen and (max-width:1199px) {
        #map {
            height: 450px
        }
    }

    @media screen and (max-width:991px) {
        #map {
            height: 400px
        }
        .footer-social a {
            margin: 0 15px
        }
        .footer-social a i {
            font-size: 18px
        }
    }

    @media screen and (max-width:767px) {
        #map {
            height: 300px
        }
        .footer-social a {
            margin: 0 10px
        }
    }

    @media screen and (max-width:575px) {
        .footer-social a {
            margin: 0 6px
        }
    }

    @media screen and (max-width:991px) {
        [data-overlay-dark]:before {
            background: #00000059
        }
    }

    .section-two-points .col-lg-6 {
        float: left
    }

    .section-two-points .col-lg-6 .item {
        position: relative
    }

    .section-two-points .col-lg-6 .item .content {
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        background: #0000
    }

    .section-two-points .col-lg-6 .item .content h3 {
        color: #fff;
        margin-top: 85px;
        transform: rotate(-9deg);
        width: 66%
    }

    .oder-now {
        position: absolute;
        right: 0;
        bottom: 0%
    }

    .oder-now a {
        display: block;
        background: red;
        color: #fff;
        padding: 5px 12px
    }

    .fa-quote-left:before {
        content: "\f10d";
        font-family: FontAwesome
    }

    .fa-facebook-f:before {
        content: "\f39e"
    }

    .fa-twitter:before {
        content: "\f099"
    }

    .header9-img {
        position: absolute;
        top: 0;
        right: 0;
        width: 27%
    }

    .inner-hd header {
        background-image: none !important;
        height: auto !important;
        overflow: hidden;
        position: inherit;
        background: #fff
    }

    .desktop {
        display: block
    }

    .mobile {
        display: none
    }

    .main-footer {
        position: relative;
        background: #10252e;
        color: #848484
    }

    .main-footer .footer-title {
        font-size: 22px;
        color: #fff;
        margin-bottom: 30px
    }

    .main-footer .footer-logo {
        margin-bottom: 40px
    }

    .main-footer .widgets-section {
        position: relative;
        padding: 35px 0 20px
    }

    .main-footer .footer-column {
        margin-bottom: 30px
    }

    .main-footer .footer-widget {
        position: relative
    }

    .main-footer .footer-column h2 {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 30px;
        color: #a1c436
    }

    .main-footer .about-widget .text {
        margin-bottom: 20px;
        padding-bottom: 5px
    }

    .main-footer .about-widget .text p {
        color: #b7b7b7
    }

    .main-footer .contact-info {
        margin-bottom: 25px
    }

    .main-footer .contact-info li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 16px;
        line-height: 24px;
        color: #b7b7b7
    }

    .main-footer .contact-info li i {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 24px;
        font-size: 24px;
        color: #EF5438
    }

    .main-footer .contact-widget .social li {
        padding-left: 0;
        padding-right: 10px
    }

    .main-footer .contact-widget .social li a {
        transition: .5s ease;
        color: #d0d0d0;
        border: 2px solid #ef5438;
        border-radius: 50%;
        line-height: 38px;
        height: 38px;
        width: 38px;
        text-align: center
    }

    .main-footer .contact-widget .social li a:hover {
        border-color: #EF5438;
        color: #EF5438;
        transition: .5s ease
    }

    .main-footer .social-links a {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-left: 0px;
        line-height: 30px;
        border: 1px solid transparent;
        background: none;
        color: #ef5438;
        font-size: 23px;
        text-align: center;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }

    .main-footer .social-links a:hover {
        color: #a1c436;
        border-color: #a1c436
    }

    .main-footer .posts-widget .post {
        position: relative;
        margin-bottom: 14px;
        padding-bottom: 15px;
        padding-left: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .main-footer .posts-widget .post:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .main-footer .posts-widget .post .content {
        position: relative;
        min-height: 40px;
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 5px
    }

    .main-footer .posts-widget .post .content .post-thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 52px
    }

    .main-footer .posts-widget .post .content .post-thumb img {
        display: block;
        width: 100%
    }

    .main-footer .posts-widget .post h4 {
        font-size: 14px;
        color: #999;
        line-height: 26px
    }

    .main-footer .posts-widget .post h4 a {
        color: #848484;
        font-family: 'Hind', sans-serif;
        font-weight: 300;
        font-size: 16px
    }

    .main-footer .posts-widget .post .time {
        color: #EF5438;
        font-family: 'Hind', sans-serif;
        font-weight: 300;
        font-size: 16px
    }

    .main-footer .posts-widget .post .time .fa {
        padding-right: 8px
    }

    .main-footer .links-widget .list li {
        position: relative;
        margin-bottom: 0px;
        line-height: 21px;
    }

    .main-footer .links-widget .list li i {
        margin-right: 10px;
        color: #ef5438
    }

    .main-footer .links-widget .list li a {
        position: relative;
        color: #b7b7b7;
        font-family: 'Hind', sans-serif;
        font-weight: 300;
        font-size: 15px;
    }

    .main-footer .posts-widget .post:before,
    .main-footer .links-widget .list li a:before {
        content: '';
        position: absolute;
        left: 0;
        background: transparent;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        transition: .5s ease-in-out
    }

    .main-footer .links-widget .list li a:hover:before {
        background: #EF5438;
        transition: .5s ease-in-out
    }

    .main-footer .links-widget .list li a:hover {
        color: #EF5438
    }

    .main-footer .contact-widget {
        position: relative
    }

    .main-footer .news-widget .default-form {
        position: relative
    }

    .main-footer .news-widget .default-form input {
        margin-top: 22px;
        margin-bottom: 20px;
        height: 45px;
        padding-left: 50px
    }

    .main-footer .news-widget .default-form span {
        position: absolute;
        left: 15px;
        top: 12px;
        color: #EF5438;
        font-size: 14px;
        border-right: 1px solid #ccc;
        padding: 3px 7px 4px 0
    }

    .main-footer .news-widget .default-form .thm-btn {
        line-height: 41px;
        width: 100%
    }

    .footer-bottom {
        background: #10252e;
        border-top: 1px solid #142b35;
        padding: 10px 0
    }

    .footer-bottom .copy-text {
        font-family: 'Poppins', sans-serif;
        color: #b7b7b7;
        font-size: 14px
    }

    .footer-bottom .copy-text p {
        color: #b7b7b7;
        margin-bottom: 0
    }

    .footer-bottom .copy-text a {
        color: #EF5438;
        transition: .3s ease
    }

    .footer-bottom .get-text ul li {
        float: left
    }

    .footer-bottom .get-text ul li a {
        color: #848484;
        font-size: 14px;
        margin-right: 5px;
        font-family: "Popins", sans-serif
    }

    .footer-bottom .get-text ul li a:hover {
        color: #EF5438;
        transition: .3s ease
    }

    .biryani-orders {
        overflow: hidden;
        margin-bottom: 30px;
    }

    p.kucuureh {
        overflow: hidden;
        margin: 0;
        text-align: center;
        font-size: 20px;
        color: #000;
        margin-top: 35px
    }

    .biryani-orders .col-md-4 {
        float: left;
        margin: 10px 0px;
    }

    .biryani-orders .bir-bor {
        border: 4px solid red;
        position: relative;
        border-radius: 40px 0 40px;
        overflow: hidden;
        box-shadow: 0px 1px 10px #000;
    }

    .biryani-orders .bir-bor img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .biryani-orders .bir-bor .desc-bg {
        text-align: center;
        overflow: hidden;
    }

    .biryani-orders .desc-bg {
        padding: 5px
    }

    .desc-bg {
        background: url(../img/order/desc-bg.jpg) repeat-x;
        background-size: 105% 100%;
        background-position: center
    }

    .biryani-orders .bir-bor strike {
        font-size: 20px;
        color: red
    }

    .biryani-orders .desc {
        font-size: 20px;
        color: black;
        overflow: hidden;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .biryani-orders .qty {
        margin-top: 0;
        float: right;
        width: 35%;
    }

    .qty .count {
        color: #000;
        display: inline-block;
        vertical-align: top;
        font-size: 17px;
        font-weight: 700;
        line-height: 30px;
        padding: 0 2px;
        min-width: 41px;
        text-align: center;
    }

    .qty .plus {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        color: white;
        width: 30px;
        height: 30px;
        font: 30px/1 Arial, sans-serif;
        text-align: center;
        border-radius: 50%;
        background: #eb3007 !important;
    }

    .qty .minus {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        color: white;
        width: 30px;
        height: 30px;
        font: 29px/1 Arial, sans-serif;
        text-align: center;
        border-radius: 50%;
        background-clip: padding-box;
        background: #eb3007 !important;
    }

    .biryani-orders .minus:hover {
        background-color: #eb3007 !important
    }

    .biryani-orders .plus:hover {
        background-color: #eb3007 !important
    }

    .biryani-orders span {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    .biryani-orders input {
        border: 0;
        width: 2%
    }

    .biryani-orders input::-webkit-outer-spin-button,
    .biryani-orders input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .biryani-orders input:disabled {
        background-color: white
    }

    .bir-bor button {
        color: #fff;
        background: #03a84e;
        border: #4f4f4f;
        padding: 2px 8px;
        font-size: 14px;
        cursor: pointer;
        float: left;
    }

    .in-banner {
        padding: 0;
        position: relative;
    }

    .in-banner h1 {
        position: absolute;
        bottom: 0;
        margin: 0;
        right: 0;
        font-size: 30px;
        background: #000;
        padding: 8px 23px;
        color: #fff;
    }

    .product_content h4 {
        color: red;
        font-size: 20px;
        margin: 28px 0 12px
    }

    .product_content p {
        color: #000;
        font-size: 15px
    }

    .product_content img {
        border: 2px solid red;
        border-radius: 8px
    }

    .total-amount {
        overflow: hidden
    }

    .total-amount .spanec {
        border: 1px solid #a4a4a4;
        border-radius: 5px;
        padding: 7px
    }

    .total-amount .first {
        float: left;
        width: 50%;
        font-size: 20px;
        color: #000;
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        font-weight: 600
    }

    .total-amount .sec {
        float: right;
        width: 50%;
        color: #000;
        font-size: 20px
    }

    .deliovery {
        overflow: hidden;
        width: 100%
    }

    .deliovery .note {
        text-align: center;
        height: 80px;
        background: -webkit-linear-gradient(left, #0072ff, #8811c5);
        color: #fff;
        font-weight: 700;
        line-height: 80px
    }

    .deliovery .form-content {
        padding: 0 3%;
        border: 1px solid #0000
    }

    .deliovery h3 {
        font-size: 15px;
        margin: 7px 16px 0;
        overflow: hidden
    }

    .deliovery .form-control {
        border-radius: 1.5rem;
        padding: 7px 16px;
        font-size: 13px;
        margin-bottom: 5px
    }

    .deliovery .form-group {
        margin-bottom: 1px
    }

    .add-values {}

    .add-values .add {}

    .add-values .add h3 {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .new-gte .count {
        margin-top: 5px;
        min-height: 20px;
    }

    .new-gte .super_number.menu .ui.attached.button.dec {
        padding-top: 0px !important;
    }

    .new-gte .super_number.menu .ui.attached.button {
        padding-right: 6px !important;
        padding-left: 6px !important;
        background: #fff !important;
        color: #099E44 !important;
        /* box-shadow: 0 0 0 1px #099E44!important; */
        float: left;
        cursor: pointer;
        line-height: 15px;
        height: 26px;
        font-size: 22px;
        border: 1px solid #099e44;
    }

    .new-gte .ui.left.attached.button {
        display: inline-block;
        border-left: none;
        text-align: right;
        padding-right: .75em;
        border-radius: .28571429rem 0 0 .28571429rem;
    }

    .new-gte .super_number.menu input {
        position: relative;
        width: 30px;
        margin: 0;
        background: #099E44;
        color: #fff;
        font-size: 14px;
        height: 27px;
        border: 1px solid #099E44;
        float: left;
        top: -1px;
        padding: 0;
        text-align: center;
        border-radius: 0;
    }

    .super_number.menu .ui.attached.button.inc {
        padding-top: 5px !important;
        padding-left: 7px !important;
    }

    .ui.right.attached.button {
        display: inline-block;
        text-align: left;
        padding-left: .75em;
        border-radius: 0 .28571429rem .28571429rem 0;
    }

    .super_number.menu {
        margin: 3px 0px 0px 0px;
        overflow: hidden;
    }

    .new-gte {}

    .new-gte {}

    .new-gte {}

    .add-values .location {
        margin: 0;
    }

    .add-values .location span {
        font-size: 11px;
        padding: 0 15px;
        line-height: 20px;
    }

    .add-values .remove-add-value {}

    .add-values .remove-add-value input.count {
        padding: 0 7px;
        width: 28%;
        text-align: center;
        height: 20px;
        margin: 6px;
    }

    .add-values .remove-add-value p {
        margin-bottom: 0;
    }

    .add-values .remove-add-value p span {
        display: inline-block;
        width: 20px;
        text-align: center;
        height: 20px;
        line-height: 22px;
        background: red;
    }

    .add-values .remove-add-value p span.minus {
        background: red;
        color: #fff;
    }

    .add-values .remove-add-value p span.plus {
        background: green;
        color: #fff;
    }

    .location span {
        color: #000;
        border: 1px solid #000;
        padding: 3px 17px;
        padding: 1px 6px;
        display: inline-table;
    }

    .location span.active {
        background: #025527;
        color: #fff;
        padding: 1px 7px;
        display: inline-table;
    }

    .deliovery .btnSubmit {
        border: none;
        border-radius: 1.5rem;
        padding: 1%;
        width: 36%;
        cursor: pointer;
        background: #0062cc;
        color: #fff
    }

    .popp-sy {
        text-align: center;
        width: 100%
    }

    .modal-header {
        padding: 0
    }

    .modal-header .fa-times-circle {
        position: absolute;
        right: -30px;
        top: -25px;
        font-size: 36px;
        color: #000;
        background: #fff;
        border-radius: 50%;
        /* width: 29px; */
        z-index: 9;
        height: 33px;
    }

    .modal-body .desc strike {
        font-size: 20px;
        color: red
    }

    .modal-body .desc {
        font-size: 14px;
        line-height: 21px
    }

    @media (max-width:360px) {
        .header {
            background: url(../img/m-banner.jpg) !important;
            height: 80vh !important
        }
        .biryani-orders .col-md-4 {
            float: left;
            width: 100% !important
        }
        .main-footer .dfgtrgh {
            max-width: 100% !important
        }
        .section-two-points .col-lg-6 {
            float: left;
            width: 100% !important
        }
        .section-two-points .col-lg-6 .item .content h3 {
            color: #fff;
            margin-top: 10px !important;
            transform: rotate(-9deg);
            width: 83% !important;
            font-size: 26px !important
        }
        .main-footer .footer-column {
            margin-bottom: 30px;
            max-width: 50% !important
        }
        .mobile-resp {
            width: 33%;
            float: left;
            position: inherit !important;
            left: inherit !important;
            top: inherit !important;
            height: inherit !important;
            max-width: 50% !important
        }
        .xs-default-gutter.gallery {
            height: auto !important
        }
        .icon-div-two {
            width: 50% !important
        }
        .icon-div-two .padding-15px-lr {
            padding-left: 0;
            padding-right: 0
        }
        .main-footer .contact-info li {
            margin-bottom: 10px
        }
        .main-footer .links-widget .list li {
            position: relative;
            margin-bottom: 10px
        }
        .main-footer .about-widget .text {
            margin-bottom: 0;
            padding-bottom: 0
        }
        .main-footer .about-widget .text p {
            color: #b7b7b7;
            margin: 0 0 10px
        }
        .phe i {
            font-size: 23px;
            margin-right: 8px
        }
        .phe a {
            font-size: 18px !important;
        }
        .phe .btn.theme.phe {
            background: #03a84e;
            border: 2px solid #03a84e;
            box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
            color: #fff;
            min-width: 170px
        }
        .name-img .img {
            width: 20%;
            float: left;
            border: 1px solid #000
        }
        .name-img .img img {
            width: 100%;
            padding: 2px
        }
        .name-img .name {
            width: 75%;
            float: right
        }
        .name-img .name p {
            margin: 0;
            font-size: 15px;
            color: #000
        }
        .name-img .name p.location {
            font-size: 14px;
            color: gray
        }
        .che-name {
            width: 50%;
            float: left
        }
        .che-name .che-names img {
            width: 13px;
            float: left;
            margin-right: 0
        }
        .che-name .che-names h3 {
            float: right;
            width: 75%;
            font-size: 15px
        }
        .dfer {
            margin-top: 15px
        }
        .qye .qty {
            float: left;
            width: 100%
        }
        .qye .qty span {
            border-radius: 0
        }
        .modal-dialog {
            max-width: 86%;
            margin: 1.75rem auto
        }
        .qye .qty input {
            width: 45%;
            margin: 0;
            height: 30px;
            text-align: center
        }
        .che-name .price {
            float: right
        }
        .che-name .price .spanec {
            color: #000;
            font-weight: 600;
            font-size: 17px
        }
        .tal-bil h3 {
            font-size: 15px;
            letter-spacing: 0
        }
        .tables-wh .tables .frst {
            width: 60%;
            float: left
        }
        .tables-wh .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px
        }
        .tables-wh .tables .sec {
            width: 40%;
            float: right
        }
        .tables-wh .tables .sec p {
            text-align: right
        }
        .tables-whs .tables .frst {
            width: 60%;
            float: left
        }
        .tables-whs .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px;
            font-weight: 600;
            color: #000
        }
        .tables-whs .tables .sec {
            width: 40%;
            float: right
        }
        .tables-whs .tables .sec p {
            text-align: right
        }
        .tables-wh {
            overflow: hidden
        }
        .tables-whs {
            overflow: hidden;
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            margin-top: 7px
        }
    }

    @media (max-width:640px) {
        .header {
            background-image: url(../img/bg9.jpg);
            height: 100vh;
            background-repeat: round
        }
        .l-cate {
            display: none
        }
        .section-two-points .col-lg-6 .item .content h3 {
            color: #fff;
            margin-top: 0;
            transform: rotate(-9deg);
            width: 83% !important;
            font-size: 20px
        }
        .gfgtr {
            text-align: center;
            width: 100%
        }
        .section-two-points .col-lg-6 {
            float: left;
            width: 50%
        }
        .no-margin-bottom {
            margin-bottom: 0 !important;
            font-size: 12px;
            line-height: 18px
        }
        .mobile-resp {
            width: 33%;
            float: left;
            position: inherit !important;
            left: inherit !important;
            top: inherit !important;
            height: inherit !important;
            max-width: 33%;
        }
        .main-footer .footer-column {
            margin-bottom: 30px;
            max-width: 33%
        }
        .xs-default-gutter.gallery {
            height: auto !important
        }
        .icon-div-two {
            width: 25%
        }
        .icon-div-two .padding-15px-lr {
            padding-left: 0;
            padding-right: 0
        }
        .main-footer .contact-info li {
            margin-bottom: 10px
        }
        .main-footer .links-widget .list li {
            position: relative;
            margin-bottom: 10px
        }
        .main-footer .about-widget .text {
            margin-bottom: 0;
            padding-bottom: 0
        }
        .main-footer .about-widget .text p {
            color: #b7b7b7;
            margin: 0 0 10px
        }
        .phe i {
            font-size: 23px;
            margin-right: 8px
        }
        .phe a {
            font-size: 18px !important;
        }
        .phe .btn.theme.phe {
            background: #03a84e;
            border: 2px solid #03a84e;
            box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
            color: #fff;
            min-width: 170px
        }
        .name-img .img {
            width: 20%;
            float: left;
            border: 1px solid #000
        }
        .name-img .img img {
            width: 100%;
            padding: 2px
        }
        .name-img .name {
            width: 75%;
            float: right
        }
        .name-img .name p {
            margin: 0;
            font-size: 15px;
            color: #000
        }
        .name-img .name p.location {
            font-size: 14px;
            color: gray
        }
        .che-name {
            width: 50%;
            float: left
        }
        .che-name .che-names img {
            width: 13px;
            float: left;
            margin-right: 0
        }
        .che-name .che-names h3 {
            position: relative;
            float: right;
            width: 75%;
            font-size: 15px
        }
        .total-bill {
            margin-top: 4px
        }
        .dfer {
            margin-top: 15px
        }
        .qye .qty {
            float: left;
            width: 100%
        }
        .qye .qty span {
            border-radius: 0
        }
        .modal-dialog {
            max-width: 86%;
            margin: 1.75rem auto
        }
        .qye .qty input {
            width: 45%;
            margin: 0;
            height: 30px;
            text-align: center
        }
        .che-name .price {
            float: right
        }
        .che-name .price .spanec {
            color: #000;
            font-weight: 600;
            font-size: 17px
        }
        .tal-bil h3 {
            font-size: 15px;
            letter-spacing: 0
        }
        .tables-wh .tables .frst {
            width: 60%;
            float: left
        }
        .tables-wh .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px
        }
        .tables-wh .tables .sec {
            width: 40%;
            float: right
        }
        .tables-wh .tables .sec p {
            text-align: right
        }
        .tables-whs .tables .frst {
            width: 60%;
            float: left
        }
        .tables-whs .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px;
            font-weight: 600;
            color: #000
        }
        .tables-whs .tables .sec {
            width: 40%;
            float: right
        }
        .tables-whs .tables .sec p {
            text-align: right
        }
        .tables-wh {
            overflow: hidden
        }
        .tables-whs {
            overflow: hidden;
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            margin-top: 7px
        }
    }

    @media (max-width:731px) {
        .header {
            background-image: url(../img/bg9.jpg);
            height: 100vh;
            background-repeat: round
        }
        .deliovery .btnSubmit {
            border: none;
            border-radius: 1.5rem;
            padding: 1%;
            width: 100%;
            cursor: pointer;
            background: #0062cc;
            color: #fff;
            margin-top: 8px
        }
        .divr-time ul li {
            display: inline-block;
            padding: 0 14px 0
        }
        .biryani-orders .col-md-6 {
            float: left;
            width: 50%
        }
        .main-footer .dfgtrgh {
            max-width: 100% !important;
            flex: 100%
        }
        .l-cate {
            display: none
        }
        .section-two-points .col-lg-6 .item .content h3 {
            color: #fff;
            margin-top: 0;
            transform: rotate(-9deg);
            width: 83% !important;
            font-size: 20px
        }
        .gfgtr {
            text-align: center;
            width: 100%
        }
        .section-two-points .col-lg-6 {
            float: left;
            width: 50%
        }
        .no-margin-bottom {
            margin-bottom: 0 !important;
            font-size: 12px;
            line-height: 18px
        }
        .mobile-resp {
            width: 33%;
            float: left;
            position: inherit !important;
            left: inherit !important;
            top: inherit !important;
            height: inherit !important;
            max-width: 33%;
        }
        .main-footer .footer-column {
            margin-bottom: 30px;
            max-width: 33%
        }
        .xs-default-gutter.gallery {
            height: auto !important
        }
        .icon-div-two {
            width: 25%
        }
        .icon-div-two .padding-15px-lr {
            padding-left: 0;
            padding-right: 0
        }
        .main-footer .contact-info li {
            margin-bottom: 10px
        }
        .main-footer .links-widget .list li {
            position: relative;
            margin-bottom: 10px
        }
        .main-footer .about-widget .text {
            margin-bottom: 0;
            padding-bottom: 0
        }
        .main-footer .about-widget .text p {
            color: #b7b7b7;
            margin: 0 0 10px
        }
        .bir-bor button {
            color: #fff;
            background: #4f4f4f;
            border: #4f4f4f;
            padding: 2px 8px;
            font-size: 14px;
            margin-bottom: 4px
        }
        .inner-hd header {
            min-height: auto
        }
        .inner-hd header.red {
            min-height: auto;
            height: 52px !important;
            background: #c10a29 !important
        }
    }

    @media (max-width:375px) {
        .header {
            background-image: url(../img/m-banner.jpg) !important;
            height: 80vh;
            background-repeat: round
        }
        .biryani-orders .col-md-4 {
            float: left;
            width: 100% !important
        }
        .phe i {
            font-size: 23px;
            margin-right: 8px
        }
        .phe a {
            font-size: 18px !important;
        }
        .phe .btn.theme.phe {
            background: #03a84e;
            border: 2px solid #03a84e;
            box-shadow: rgba(0, 0, 0, .1) 0 2px 1px !important;
            color: #fff;
            min-width: 170px
        }
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto !important
        }
        .biryani-orders .col-md-6 {
            float: left;
            width: 50%
        }
        .name-img .img {
            width: 20%;
            float: left;
            border: 1px solid #000
        }
        .name-img .img img {
            width: 100%;
            padding: 2px
        }
        .name-img .name {
            width: 75%;
            float: right
        }
        .name-img .name p {
            margin: 0;
            font-size: 15px;
            color: #000
        }
        .name-img .name p.location {
            font-size: 14px;
            color: gray
        }
        .add-values .add h3 {
            font-size: 10px;
            margin-bottom: 6px;
        }
        .che-name {
            /*position: inherit; */
            width: 26%;
            float: left;
            top: 26px;
        }
        .add-values .col-md-4 {
            float: left;
            width: 33%;
            padding: 0px 8px;
        }
        .divr-time label {
            width: 100%;
            font-size: 15px;
            font-weight: 600;
            color: #000;
            margin: 0;
        }
        .modal-header .fa-times-circle {
            position: absolute;
            right: 0;
            top: 0;
        }
        .col-md-12.byyyy {
            overflow: hidden;
        }
        .social-linkss li {
            float: left;
            margin-right: 7px;
        }
        .small-img img {
            width: 100%
        }
        .small-img {
            width: 28%;
            float: left;
            margin-right: 5px;
        }
        .che-name .che-names img {
            width: 13px;
            float: left;
            margin-right: 0
        }
        .che-name .che-names h3 {
            float: right;
            width: 84%;
            font-size: 15px
        }
        .dfer {
            margin-top: 15px
        }
        .qye .qty {
            float: left;
            width: 100%
        }
        .qye .qty span {
            border-radius: 0;
            width: 20px
        }
        .modal-dialog {
            max-width: 86%;
            margin: 1.75rem auto
        }
        .qye .qty input {
            width: 45%;
            margin: 0;
            height: 30px;
            text-align: center
        }
        .che-name .price {
            float: right
        }
        .che-name .price .spanec {
            color: #000;
            font-weight: 600;
            font-size: 17px
        }
        .tal-bil h3 {
            font-size: 15px;
            letter-spacing: 0
        }
        .tables-wh .tables .frst {
            width: 60%;
            float: left
        }
        .tables-wh .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px
        }
        .tables-wh .tables .sec {
            width: 40%;
            float: right
        }
        .tables-wh .tables .sec p {
            text-align: right
        }
        .tables-whs .tables .frst {
            width: 60%;
            float: left
        }
        .tables-whs .tables p {
            width: 100%;
            margin: 0;
            font-family: sans-serif;
            font-size: 15px;
            font-weight: 600;
            color: #000
        }
        .tables-whs .tables .sec {
            width: 40%;
            float: right
        }
        .tables-whs .tables .sec p {
            text-align: right
        }
        .tables-wh {
            overflow: hidden
        }
        .tables-whs {
            overflow: hidden;
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            margin-top: 1px
        }
        .biryani-orders .bir-bor {
            border: 2px solid red;
            margin-bottom: 30px
        }
        .l-cate {
            display: none
        }
        .section-two-points .col-lg-6 .item .content h3 {
            color: #fff;
            margin-top: 0;
            transform: rotate(-9deg);
            width: 83% !important;
            font-size: 20px
        }
        .gfgtr {
            text-align: center;
            width: 100%
        }
        .section-two-points .col-lg-6 {
            float: left;
            width: 100% !important
        }
        .no-margin-bottom {
            margin-bottom: 0 !important;
            font-size: 12px;
            line-height: 18px
        }
        .mobile-resp {
            width: 42% !important;
            float: left;
            position: inherit !important;
            left: inherit !important;
            top: inherit !important;
            height: inherit !important;
            max-width: 33% !important
        }
        .main-footer .footer-column {
            margin-bottom: 30px;
            max-width: 50%
        }
        .main-footer .dfgtrgh {
            max-width: 100%
        }
        .xs-default-gutter.gallery {
            height: auto !important
        }
        .icon-div-two {
            width: 50% !important
        }
        .icon-div-two .padding-15px-lr {
            padding-left: 0;
            padding-right: 0
        }
        .main-footer .contact-info li {
            margin-bottom: 10px
        }
        .main-footer .links-widget .list li {
            position: relative;
            margin-bottom: 10px
        }
        .main-footer .about-widget .text {
            margin-bottom: 0;
            padding-bottom: 0
        }
        .main-footer .about-widget .text p {
            color: #b7b7b7;
            margin: 0 0 10px
        }
    }

    @media (max-width:667px) {
         .social-linkss li {
    float: left;
    margin-right: 10px;
}
        .header {
            background-image: url(../img/bg9.jpg);
            height: 35vh;
            background-repeat: round;
            background-position: 0 !important
        }
        .biryani-orders .col-md-6 {
            float: left;
            width: 50%
        }
        .biryani-orders .col-md-4 {
            float: left;
            width: 100%;
        }
        .l-cate {
            display: none
        }
        .section-two-points .col-lg-6 .item .content h3 {
            color: #fff;
            margin-top: 0;
            transform: rotate(-9deg);
            width: 83% !important;
            font-size: 20px
        }
        .gfgtr {
            text-align: center;
            width: 100%
        }
        .section-two-points .col-lg-6 {
            float: left;
            width: 50%
        }
        .no-margin-bottom {
            margin-bottom: 0 !important;
            font-size: 12px;
            line-height: 18px
        }
        .mobile-resp {
            width: 33%;
            float: left;
            position: inherit !important;
            left: inherit !important;
            top: inherit !important;
            height: inherit !important;
            max-width: 33%;
        }
        .main-footer .footer-column {
            margin-bottom: 30px;
            max-width: 50%
        }
        .main-footer .dfgtrgh {
            max-width: 100% !important;
            flex: 100%
        }
        .xs-default-gutter.gallery {
            height: auto !important
        }
        .icon-div-two {
            width: 25%
        }
        .icon-div-two .padding-15px-lr {
            padding-left: 0;
            padding-right: 0
        }
        .main-footer .contact-info li {
            margin-bottom: 10px
        }
        .main-footer .links-widget .list li {
            position: relative;
            margin-bottom: 10px
        }
        .main-footer .about-widget .text {
            margin-bottom: 0;
            padding-bottom: 0
        }
        .main-footer .about-widget .text p {
            color: #b7b7b7;
            margin: 0 0 10px
        }
    }

    @media screen and (max-width:1199px) {
        .small-height-align {
            background-image: url(img/bg9.jpg);
            background-position: 0 0;
            background-repeat: round
        }
    }

    @media screen and (max-width:1199px) {
        .modal-dialog {
            max-width: 95%;
            margin: 6px auto !important;
        }
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999999;
        display: none;
        overflow: hidden;
        outline: 0;
    }

    .nav-item.car .price {
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
    }

    .nav-item.car a span.cart_count {
        display: inline-block;
        color: rgb(255, 255, 255);
        width: 25px;
        font-size: 11px;
        height: 25px;
        line-height: 26px;
        text-align: center;
        margin-left: 5px;
        padding-left: 0px;
        background: rgb(0 0 0 / 77%);
        border-radius: 20px;
    }

    .menu-slide {
        padding: 60px 0;
        background: #e4e4e4;
        overflow: hidden;
    }

    .menu-slide .slid-menu {
        overflow: hidden;
    }

    .menu-slide .slid-menu ul {
        overflow: hidden;
        display: flex;
    }

    .menu-slide .slid-menu ul li {
        width: 16.6%;
        display: inline-block;
        padding: 0 15px;
    }

    .menu-slide .slid-menu ul li .big-div {
        overflow: hidden;
    }

    .menu-slide .slid-menu ul li .big-div .circle-div {
        width: 165px;
        height: 165px;
        overflow: hidden;
        border-radius: 182px;
        border: 4px solid #03a84e;
        /* box-shadow: 0px 0px 10px #000; */
    }

    .menu-slide .slid-menu ul li .big-div .circle-div img:hover {
        transform: scale(1.1);
        transition: .3s ease-in;
    }

    .menu-slide .slid-menu ul li .big-div .circle-div img {
        width: 165px;
        height: 165px;
        object-fit: cover;
    }

    .menu-slide .slid-menu ul li .big-div h3 {
        font-size: 16px;
        text-align: center;
        margin: 15px 0;
    }

    .client-list-section {
        background: #232323;
        padding: 11px 0;
        overflow: hidden;
    }

    .feature-box {
        width: 14%;
        float: left;
        position: relative;
    }

    .feature-box .pt20 h2 {
        margin: 27px 16px;
        font-weight: 200;
        color: #eaf7ff;
    }

    .feature-box:after {
        background: url(../../home/img/sprites.png) no-repeat top right;
        top: 16px;
        right: 0;
        position: absolute;
        content: "";
        width: 35px;
        height: 67px;
    }

    .clients-images-wrapper {
        overflow: hidden;
    }

    .clients-images .col-md-2 {
        width: 20%;
    }

    .rating-box {
        width: 100%;
    }

    .rating-box .col-iumg {
        width: 100%;
    }

    .rating-box .col-iumg img {
        width: 100%;
        height: 95px;
        object-fit: cover;
    }

    .feature-logo {
        width: 85%;
        float: right;
        position: relative;
    }

    .whatspp-order {
        position: fixed;
        top: 37%;
        z-index: 9;
        width: 2%;
    }

    .whatspp-order img {
        width: 100%
    }

    .stage {
        width: 100px;
        height: 100px;
        position: fixed;
        bottom: 15%;
        right: 30px;
        z-index: 9999;
    }

    .cubespinner div a {
        color: #fff;
        line-height: 20px;
    }

    .cubespinner {
        -webkit-animation-name: spincube;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 12s;
        animation-name: spincube;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 12s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 60px 60px 0;
        -moz-transform-origin: 60px 60px 0;
        -ms-transform-origin: 60px 60px 0;
        transform-origin: 60px 60px 0;
    }

    .cubespinner div {
        position: absolute;
        width: 100px;
        height: 100px;
        border: 1px solid #eb3007;
        background: rgb(235 48 7);
        box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
        line-height: 18px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        display: flex;
        align-items: center;
        /*position: absolute;  width: 120px;  height: 120px;  border: 1px solid #50a948;    background: rgb(80 169 72);  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);  line-height: 80px;  text-align: center;  font-size: 70px;  color: #fff;*/
    }

    .cubespinner .face1 {
        -webkit-transform: translateZ(45px);
        -moz-transform: translateZ(45px);
        -ms-transform: translateZ(45px);
        transform: translateZ(45px);
    }

    .cubespinner .face2 {
        -webkit-transform: rotateY(90deg) translateZ(45px);
        -moz-transform: rotateY(90deg) translateZ(45px);
        -ms-transform: rotateY(90deg) translateZ(45px);
        transform: rotateY(90deg) translateZ(45px);
    }

    .cubespinner .face3 {
        -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(45px);
        -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(45px);
        -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(45px);
        transform: rotateY(90deg) rotateX(90deg) translateZ(45px);
    }

    .cubespinner .face4 {
        -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(45px);
        -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(45px);
        -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(45px);
        transform: rotateY(180deg) rotateZ(90deg) translateZ(45px);
    }

    .cubespinner .face5 {
        -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(45px);
        -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(45px);
        -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(45px);
        transform: rotateY(-90deg) rotateZ(90deg) translateZ(45px);
    }

    .cubespinner .face6 {
        -webkit-transform: rotateX(-90deg) translateZ(45px);
        -moz-transform: rotateX(-90deg) translateZ(45px);
        -ms-transform: rotateX(-90deg) translateZ(45px);
        transform: rotateX(-90deg) translateZ(45px);
    }

    .namaskar img {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 145px;
        left: 0;
    }

    .header_notification {
        margin-left: 12px;
    }

    .header_notification a {
        position: relative;
    }

    .header_notification a i {
        font-size: 20px;
        color: #4e902e;
    }

    .header_notification span.badge {
        position: absolute;
        top: -12px;
        left: 10px;
        width: 17px;
        height: 17px;
        text-align: center;
        padding: 0;
        padding-top: 2px;
        background-color: #4fa83b;
    }

    .advertise_reciept {
        top: 25px;
        position: absolute;
        right: 15px;
    }

    .advertise_reciept:hover {
        text-decoration: none;
    }

    .article_detail_page p,
    .article_detail_page ul li,
    .article_detail_page ol li {
        font-weight: 500;
    }

    .article_detail_page ul {
        list-style: circle;
    }

    .article_detail_page ul li {
        margin-bottom: 10px;
    }

    @-webkit-keyframes spincube {
        from,
        to {
            -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        }
        16% {
            -webkit-transform: rotateY(-90deg);
        }
        33% {
            -webkit-transform: rotateY(-90deg) rotateZ(90deg);
        }
        50% {
            -webkit-transform: rotateY(-180deg) rotateZ(90deg);
        }
        66% {
            -webkit-transform: rotateY(-270deg) rotateX(90deg);
        }
        83% {
            -webkit-transform: rotateX(90deg);
        }
    }

    @keyframes spincube {
        from,
        to {
            -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        }
        16% {
            -moz-transform: rotateY(-90deg);
            -ms-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
        }
        33% {
            -moz-transform: rotateY(-90deg) rotateZ(90deg);
            -ms-transform: rotateY(-90deg) rotateZ(90deg);
            transform: rotateY(-90deg) rotateZ(90deg);
        }
        50% {
            -moz-transform: rotateY(-180deg) rotateZ(90deg);
            -ms-transform: rotateY(-180deg) rotateZ(90deg);
            transform: rotateY(-180deg) rotateZ(90deg);
        }
        66% {
            -moz-transform: rotateY(-270deg) rotateX(90deg);
            -ms-transform: rotateY(-270deg) rotateX(90deg);
            transform: rotateY(-270deg) rotateX(90deg);
        }
        83% {
            -moz-transform: rotateX(90deg);
            -ms-transform: rotateX(90deg);
            transform: rotateX(90deg);
        }
    }

    .safetySection {
        background: #fff;
        padding: 60px 0;
        overflow: hidden;
        position: relative;
    }

    .safetyUpperSection {}

    .safetyUpperSection .safetyHeading {}

    .safetyUpperSection .safetyHeading h3 {}

    .safetyUpperSection .safetyHeading p {}

    .safetyMiddle .deliveryFeatureCol {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1;
        flex: 1 1;
        min-width: 300px;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .deliveryFeatureWrapper {}

    .deliveryFeatureWrapper .safetyMeasureImg {}

    .deliveryFeatureWrapper .safetyMeasureImg img {}

    .deliveryFeatureWrapper .deliveryFeatureText {}

    .safetyMiddle .deliveryFeatureCol .deliveryFeatureWrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1.5rem;
    }

    .safetyMeasureImg {
        position: relative;
        width: 70px;
        height: 70px;
    }

    .safetyMeasureImg img {
        display: block;
        width: 100%;
        max-width: 70px;
        margin: auto;
        height: 100%;
    }

    .safetyMiddle .deliveryFeatureCol .deliveryFeatureWrapper .deliveryFeatureText {
        max-width: 240px;
        padding-left: .8rem;
        font-size: 14px;
        line-height: 1.7;
    }

    .safe-hh {
        position: absolute;
        right: 170px;
        top: 30px;
    }

    .safe-hh img {
        width: 100%;
    }

    .safetyMeasuresWrapper {
        padding: 2rem;
        background-color: #000000;
        width: 100%;
        padding-top: 4rem;
    }

    .eatSure {
        background-color: #232323;
        border-radius: 166px;
        width: 100%;
        max-width: 1208px;
        margin-left: auto;
        margin-right: auto;
        padding: 25px 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
        position: relative;
    }

    .eatSure .img-wrapper {
        /* background: url(https://assets.faasos.io/behrouzbiryani-react/development/esSafetyLogo.svg); */
        width: 204px;
        height: 40px;
        margin-right: 25px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .safety-list-wrapper {
        width: 100%;
        overflow: hidden;
    }

    .safety-list-wrapper ul {
        overflow: hidden;
        margin: 0;
    }

    .safety-list-wrapper ul li {
        width: 25%;
        float: left;
    }

    .eatSure .safety-list-wrapper .icon-wrapper {
        background-color: #eb3007;
        padding: 4px;
        border-radius: 3px;
        padding-top: 0;
        width: 30px;
        margin: 0 auto;
        height: 30px;
        text-align: center;
        border-radius: 61px;
        line-height: 27px;
    }

    .eatSure .icon-wrapper svg {
        width: 10px;
        height: 10px;
        color: #fff;
    }

    .eatSure .safety-list-wrapper li .text {
        margin-top: 10px;
        color: #fff;
        text-align: center;
    }

    .eatSure .know-more-wrapper {
        border: 1px solid #03a84e;
        background-color: #03a84e;
        border-radius: 50px;
        text-align: center;
        padding: 6px 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .eatSure .know-more-wrapper a {
        color: #fff;
        font-weight: 600;
    }

    .eatSure .safety-list-wrapper li {
        border-left: 1px solid hsla(0, 0%, 100%, .3);
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0 30px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1 1;
        flex: 1 1;
        line-height: 21px;
        text-align: center;
    }

    .safetyBottom.safetyWrapper {
        background: transparent;
    }

    .safetyMeasureHeading {
        font-size: 1.125rem;
        text-align: center;
        color: #fff;
        max-width: 661px;
        margin: auto;
        margin-bottom: 1rem;
    }

    .safetyMeasures {
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .safetyMeasures {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
    }

    .safetyMeasure {
        position: relative;
        padding: 1rem;
        color: #fff;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .safetyMeasureText {
        font-size: 14px;
        text-align: center;
        line-height: 1.36;
        padding-top: 13px;
        font-weight: 500;
        color: #ffffff;
    }

    .dots {
        width: 14px;
        position: absolute;
        left: 100%;
        top: 40%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .dot {
        background: #000;
        height: 2px;
        width: 2px;
        border-radius: 1px;
        display: inline-block;
    }

    .dotxl {
        margin: 0 1px;
        height: 4px;
        width: 4px;
        border-radius: 2px;
    }

    .city-names {
        text-align: center;
        background: black;
        padding: 14px;
        border-radius: 5px;
    }

    .city-names ul {
        overflow: hidden;
        margin: 0;
    }

    .city-names ul li {
        display: block;
        width: 25%;
        text-align: left;
        position: relative;
        line-height: 22px;
        float: left;
        overflow: hidden;
    }

    .city-names ul li a {
        margin-left: 18px;
        display: block;
        color: #fff;
        font-size: 13px;
        width: 100%;
        font-weight: 600;
        text-transform: capitalize;
    }

    .city-names ul li:before {
        content: "\f178";
        position: absolute;
        left: 0;
        top: 0px;
        font-family: fontawesome;
        font-size: 13px;
    }

    .lite-blacks li {
        display: inline-block;
        padding: 0;
        border: none;
    }

    .main-footer .about-widget .link a {
        background: #03a84e;
        color: #fff;
        padding: 10px;
        border-radius: 53px;
    }

    /* The side navigation menu */

    #add-t-cart .sidenav {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 9999999999;
        /* Stay on top */
        top: 0;
        right: 0;
        background-color: #f3f3f3;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.5s;
        /* 0.5 second transition effect to slide in the sidenav */
        box-shadow: 0px 0px 15px #000;
    }

    /* The navigation menu links */

    #add-t-cart .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        font-family: Gotham;
        color: #818181;
        display: block;
        transition: 0.3s
    }

    /* When you mouse over the navigation links, change their color */

    #add-t-cart .sidenav a:hover,
    .offcanvas a:focus {
        color: #f1f1f1;
    }

    /* Position and style the close button (top right corner) */

    #add-t-cart .sidenav .closebtn {
        position: absolute;
        top: 13px;
        right: 13px;
        font-size: 36px;
        width: 40px;
        background: #e72f07;
        color: #fff;
        padding: 0;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 47px;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

    @media screen and (max-height: 450px) {
        #add-t-cart .sidenav {
            padding-top: 15px;
        }
        #add-t-cart .sidenav a {
            font-size: 18px;
        }
    }

    #add-t-cart .col-df {
        overflow: hidden;
        border: 1px solid #d8d8d8;
        padding: 5px;
        border-radius: 5px;
        background: #e2e2e2;
        margin: 5px;
    }

    #add-t-cart .col-df .ful {
        overflow: hidden;
    }

    #add-t-cart .col-df .ful .image {
        width: 77px;
        border: 1px solid #000;
        border-radius: 5px;
        overflow: hidden;
        padding: 3px;
        float: left;
    }

    #add-t-cart .col-df .ful .image img {}

    #add-t-cart .col-df .ful .name {
        margin-left: 87px;
        overflow: hidden;
        float: revert;
    }

    #add-t-cart .col-df .ful .name p {
        color: #000;
        display: block;
        line-height: 16px;
        margin: 0;
        font-size: 14px;
        /* font-weight: 900; */
    }

    #add-t-cart .col-df .ful .name p b {
        font-weight: 900;
    }

    #add-t-cart .col-df .ful .name p.location {}

    #add-t-cart .qty {
        margin-top: 6px;
        /* display: flex; */
    }

    #add-t-cart .qty .count {
        color: #000;
        /* display: inline-block; */
        vertical-align: top;
        font-size: 15px;
        font-weight: 700;
        line-height: 21px;
        padding: 0 2px;
        width: 35px;
        text-align: center;
        background: #fff;
        margin: 0;
    }

    #add-t-cart .qty .plus {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        color: white;
        width: 20px;
        height: 20px;
        font: 26px/1 Arial, sans-serif;
        text-align: center;
        border-radius: 50%;
        background-clip: padding-box;
        line-height: 19px;
        background-color: #eb3007 !important;
    }

    #add-t-cart .qty .minus {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        color: white;
        width: 20px;
        height: 20px;
        font: 26px/1 Arial, sans-serif;
        text-align: center;
        border-radius: 50%;
        background-clip: padding-box;
        line-height: 19px;
        background-color: #eb3007 !important;
    }

    #add-t-cart .minus:hover {
        background-color: #eb3007 !important
    }

    #add-t-cart .plus:hover {
        background-color: #eb3007 !important
    }

    .biryani-orders span {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    .biryani-orders input {
        border: 0;
        width: 2%
    }

    .biryani-orders input::-webkit-outer-spin-button,
    .biryani-orders input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .biryani-orders input:disabled {
        background-color: white
    }

    #add-t-cart .col-df .ful .name p.location span {
        background: #027f3b;
        border: #029f4a;
        color: #fff;
        border-radius: 7px 0 7px 0;
    }

    #add-t-cart .check-ot {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #add-t-cart .check-ot a {
        background: #029143;
        text-align: center;
        color: #fff;
        padding: 8px;
        font-family: inherit;
        font-size: 17px;
        font-weight: 900;
    }

    .total-amount {}

    .total-amount .fu {
        overflow: hidden;
        background: #e0e0e0;
        border-bottom: 1px solid #fff;
        padding: 4px;
    }

    .total-amount .fu .namr {
        width: 50%;
        float: left;
    }

    .total-amount .fu .namr p {
        text-align: center;
        color: #000;
        font-size: 15px;
        font-weight: 900;
        margin: 0;
    }

    .total-amount .fu .price-d {
        width: 50%;
        float: right;
    }

    .total-amount .fu .price-d p {
        text-align: left;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

    .nav-item.car .price {
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
    }

    .nav-item.car a span.cart_count {
        display: inline-block;
        color: rgb(255, 255, 255);
        width: 25px;
        font-size: 11px;
        height: 25px;
        line-height: 26px;
        text-align: center;
        margin-left: 5px;
        padding-left: 0px;
        background: rgb(0 0 0 / 77%);
        border-radius: 20px;
    }

    .nee .portfolio .col-md-3 {
        width: 20%;
    }

    .nav-item.car a:before {
        content: '\f07a';
        font-family: FontAwesome;
        font-size: 18px;
        color: #ffffff;
        /* height: 40px; */
        display: inline-block;
        /* line-height: 40px; */
        text-align: center;
        font-weight: normal;
        margin-right: 4px;
    }

    @media screen and (max-width:767px) {
        .whatspp-order {
            width: 9%;
        }
        .menu-slide .slid-menu ul li {
            width: 49%;
            padding: 0 11px;
        }
        .menu-slide .slid-menu ul li .big-div .circle-div {
            width: 153px;
            height: 153px;
        }
        .menu-slide .slid-menu ul {
            text-align: center;
            display: block;
        }
        .feature-box {
            display: none
        }
        .feature-logo {
            width: 100%;
        }
        .clients-images .row {
            margin-right: -5px;
            margin-left: -5px;
        }
        .clients-images .col-md-2 {
            width: 33%;
            margin: 6px 0;
        }
        .rating-box .col-iumg img {
            width: 100%;
            height: 57px;
            object-fit: cover;
        }
        .safe-hh {
            text-align: center;
            position: inherit;
            right: 0;
            top: 30px;
        }
        .safe-hh img {
            width: 40%;
        }
        .eatSure {
            display: block
        }
        .safety-list-wrapper ul li {
            width: 100%;
            float: left;
            padding: 3px 0 !important;
        }
        .eatSure {
            background-color: #232323;
            border-radius: 15px;
        }
        .eatSure .img-wrapper {
            margin-bottom: 15px;
        }
        .city-names ul li {
            display: block;
            width: 100%;
        }
        .in-banner h1 {
            position: absolute;
            bottom: 0;
            margin: 0;
            right: 0;
            font-size: 17px;
        }
        
        .new-testimonial .card .carousel-caption {
    position: inherit;
    bottom: 0;
} 
    .portfolio .section-heading h3.text-white {
    font-size: 30px;
}    

.new-testimonial .card .carousel-caption img {display:none;}


        
    }

    .biryani-orders .bir-bor ekk {
        position: absolute;
        right: 5px;
        top: 5px;
        background: #03a84e;
        color: #fff;
        padding: 3px 12px;
        border-radius: 33px;
    }

    .biryani-orders .bir-bor ekk i {
        color: #fff !important;
    }

    .biryani-orders .bir-bor ekk span {
        color: #fff !important;
    }

    .biryani-orders .desc h3 {
        font-size: 20px;
        margin-bottom: 3px;
        color: #eb3007;
        font-weight: 600;
    }

    .biryani-orders .desc p {
        width: 100%;
        float: inherit;
        font-size: 15px;
        font-weight: 500;
        margin: 1px 0px 10px;
    }

    .biryani-orders .bir-bor:hover {
        border: 4px solid #03a84e;
        box-shadow: 0px 1px 10px #03a84e;
    }