@font-face {
    font-family: 'Hipster-Script-W00-Regular';
    src: url('../fonts/Hipster-Script-W00-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: url('../fonts/OpenSans-SemiBoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}

body {
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 16px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    line-height: 24px;
}

html {
    width: 100%;
    height: 100%;
}

/*.sec-category {
    display: block;
    height: 60px;
    margin-top: -60px;
    visibility: hidden;
}*/
a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

    a:focus {
        outline: medium none;
    }

b {
    font-weight: normal;
    color: #222;
}

p {
    color: #333;
    line-height: 25px;
    font-size: 15px;
}

h1 {
    color: #fff;
    line-height: 120px;
    font-size: 115px;
    font-weight: normal;
    font-family: 'Hipster-Script-W00-Regular';
    margin-top: 50px;
    margin-bottom: 19px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.36);
    /*margin-top: -285px;
    padding-top: 285px;
    display: inline-block;*/
}

h2 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: normal;
    font-family: 'Hipster-Script-W00-Regular';
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

h3 {
    color: #fff;
    line-height: 36px;
    font-size: 22px;
    font-weight: normal;
    /*font-family: 'OpenSans-Italic';*/
    font-family: sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 36%);
}

.m-top {
    margin-top: 20px;
}

.m-top2 {
    margin-top: 40px;
}

.row-box {
    width: 100%;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.br {
    width: 100%;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    padding: 2rem;
}

.part-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.part-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.part-7 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
/*---- header ----*/
section, footer {
    width: 100%;
    clear: both;
    display: block;
}

header {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 11;
}

.mobile_header, .mobile_banner {
    display: none
}

.navbar {
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
}

.navbar-light .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #54a836;
    padding: 30px 12px;
    font-family: 'OpenSans-Regular';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover {
        color: #e94a45;
    }

.navbar-light .navbar-brand {
    background-color: #fff;
    padding: 5px;
    position: relative;
}

.navbar-brand img {
    width: 179px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-brand span {
    font-size: 18px;
    color: #222;
}

.btn-inq {
    background-color: #e94a45;
    color: #fff;
    padding: 30px 40px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background-image: url('../images/mail.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .btn-inq:hover {
        background-color: #e94a45;
        color: #fff;
    }

.head-top {
    background-color: #fff;
    text-align: right;
}

.top-none .fixed-top {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
}

header.top-none {
    /*top: 10px;*/
    top: 0px;
}

    header.top-none .navbar-brand img {
        /*width: 128px;*/
        width: 200px;
    }

    header.top-none .navbar-light .navbar-nav .nav-link {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    header.top-none .btn-inq {
        padding-top: 21px;
        padding-bottom: 21px;
    }

.btn-right {
    background-color: #fff;
    color: #fff;
    float: left;
    width: 70px;
    position: fixed;
    top: 55%;
    right: 0;
    z-index: 99;
    text-align: center;
    padding: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    -moz-box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
    box-shadow: 0px 2px 3px 0px rgba(54, 54, 54, 0.17);
}

    .btn-right p {
        margin-bottom: 0;
        color: #e94a45;
        font-family: 'OpenSans-Regular';
        font-size: 13px;
        line-height: 18px;
        margin-top: 4px;
    }

    .btn-right .fa {
        color: #e94a45;
        font-size: 22px;
    }

    .btn-right:hover .fa {
        -moz-animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite;
    }
/*---- slider ----*/
/*#banner {
    background-color: #000;
    height: 110vh;
    position: relative;
    overflow: hidden;
    top: 100px;
}*/
#banner {
    background-color: transparent !important;
    /*height: 110vh;
    position: relative;
    overflow: hidden;*/
    margin-top: 100px;
}

    #banner .container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        #banner .container .carousel-caption {
            bottom: auto;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto;
        }

    #banner .carousel-item img {
        opacity: 1;
        width: 100%;
    }

    #banner .carousel-item p {
        color: #fff;
    }

    #banner .carousel-item h1 {
        font-size: 70px;
        line-height: 80px;
        color: #fff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.69);
        padding-top: 60px;
    }

    #banner .carousel-item {
        /*height: 100%;*/
    }

    #banner .carousel-indicators {
        padding-left: 0;
        margin: 0;
        right: 15px;
        left: 15px;
    }

        #banner .carousel-indicators li {
            background-color: transparent;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
            width: auto;
            height: auto;
            text-indent: 0;
            opacity: 1;
            text-align: center;
            position: relative;
            border: 0;
            padding: 1rem;
        }

            #banner .carousel-indicators li:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background-color: #f7700f;
                z-index: -1;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #banner .carousel-indicators li:hover:before, #banner .carousel-indicators li.active:before {
                height: 100%;
            }

            #banner .carousel-indicators li img {
                width: 30px;
            }

            #banner .carousel-indicators li span {
                width: 100%;
                display: block;
                font-size: 16px;
                color: #fff;
                padding-top: 8px;
            }

            #banner .carousel-indicators li path {
                color: #fff;
            }

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 8%;
}

    .carousel-control-next .fa, .carousel-control-prev .fa {
        font-size: 36px;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.69);
    }
/*---- slider close ----*/

/*---- carousel-close ----*/
.cd-top {
    bottom: 4px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 0;
    padding: 8px;
    position: fixed;
    right: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    background-color: transparent;
}

    .cd-top i.fa {
        font-size: 25px;
    }

    .cd-top img {
        vertical-align: inherit;
    }

    .cd-top:hover {
        color: #ff5736;
    }

    .cd-top:focus {
        color: #ff5736;
    }

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: 1
    }

.page-section {
    overflow: hidden;
}

.left-content {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.right-content {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.bottom-content {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.top-content {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.zoom-content {
    opacity: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.animate .zoom-content {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.animate .left-content, .animate .right-content {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.animate .bottom-content, .animate .top-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.img-zoom {
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

    .img-zoom:hover, .img-box:hover .img-zoom {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }

.owl-controls {
    position: absolute;
    top: 28%;
    float: left;
    width: 100%;
}

    .owl-controls .owl-prev {
        float: left;
        padding: 8px;
        margin-left: -40px;
    }

    .owl-controls .owl-next {
        float: right;
        padding: 8px;
        margin-right: -40px;
    }

    .owl-controls .fa {
        color: #d2d2d2;
    }

.btn-enquiry {
    cursor: pointer;
    transform: rotate(7deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    top: 45%;
    z-index: 99;
    background-color: #00afef;
    color: #fff;
    padding: 10px;
    margin: 0;
    width: 94px;
    height: 60px;
    float: right;
    text-align: center;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 15px;
    text-transform: uppercase;
    position: fixed;
    left: auto;
    right: -43px;
    line-height: 17px;
    letter-spacing: 1px;
}

a.btn-enquiry:not([href]):not([tabindex]) {
    color: #fff;
}

#inquiry .modal-body {
    padding: 1.5rem;
}

    #inquiry .modal-body h1 {
        margin-bottom: 6px;
        color: #e94a45;
        line-height: 50px;
        font-size: 45px;
    }

        #inquiry .modal-body h1 small {
            font-size: 13px;
            color: #666;
            font-family: 'OpenSans-Regular';
            padding-left: 15px;
            margin-left: 15px;
            border-left: 1px solid #ddd;
        }

#inquiry .modal-header {
    padding: 1rem 1.5rem;
}

.floating-form .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #c4c4c4;
    border-radius: 0;
    position: relative;
    z-index: 2;
    background-color: transparent;
    margin-top: 20px;
    color: #fff;
}

.floating-form .form-group {
    position: relative;
}

.floating-form .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #db3539;
    outline: 0;
    box-shadow: none;
}

.floating-form .col-form-label {
    color: #999;
    position: absolute;
    top: 0;
    left: 13px;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.floating-form .label-top {
    color: #555;
    top: -22px;
    font-size: 12px;
}

a.btn-inq:not([href]):not([tabindex]) {
    color: #fff;
    cursor: pointer;
}

.btn {
    background-color: #db3539;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    padding: .5rem .9rem;
    font-family: 'OpenSans-SemiBoldItalic';
    border-radius:5px;
}

    .btn:hover {
        border: 1px solid #db3539;
        color: #db3539;
        /*background-color: #fff;*/
    }

label.error {
    font-weight: normal;
    color: red;
    font-size: 14px;
    position: absolute;
    left: 14px;
    top: 41px;
    line-height: 13px;
}

.sec-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;
    background-size: 100%;
    overflow: hidden;
    height: 100vh;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
}

    .sec-box:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
        z-index: 0;
    }

.dosa-sec {
    background-color: #5e4e30;
    background-image: url('../images/dosa-banner.jpg');
}

.idli-sec {
    background-color: #185946;
    background-image: url('../images/idli-banner.jpg');
    background-size: 100%;
}

.fries-sec {
    background-color: #b33d39;
    background-image: url('../images/fries-banner.jpg');
}

.golgappa-sec {
    background-color: #b58e59;
    background-image: url('../images/pani-puri-banner2.jpg');
}

.shakes-sec {
    background-color: #c44980;
    background-image: url('../images/thick-shakes-banner2.jpg');
}

.sec-text {
    padding: 40px;
    width: 100%;
    z-index: 1;
    text-align: center;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.sec-text-inner {
    /*padding: 40px;*/
    padding: 25px;
    width: 50%;
    z-index: 1;
    text-align: center;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.btn-menu {
    font-size: 40px;
    color: #fff;
    font-family: 'Hipster-Script-W00-Regular';
    line-height: 130px;
    background-color: rgb(89 166 56 / 52%);
    border-radius: 50%;
    width: 125px;
    height: 125px;
    display: inline-block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 36%);
}

    .btn-menu:hover {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.14);
        background-color: #fff;
        color: #dc1118;
    }

.banner h1 {
    color: #fa040d;
    font-size: 60px;
    line-height: 85px;
}

.banner h3 {
    color: #111;
    max-width: 600px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 31px;
}

.logo-banner {
    width: 150px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.mouse-wrapper {
    margin: 0 auto;
    display: block;
    width: 28px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 37px;
}

    .mouse-wrapper .fa {
        font-size: 26px;
        color: #fff;
    }

/*.scroll-down {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}*/


@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.banner {
    background-color: #f3f0ec;
    background-image: url('../images/banner-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    background-attachment: inherit;
}
/* right-sidebar */

.btn-close {
    position: absolute;
    top: 25px;
    right: 30px;
}

    .btn-close img {
        width: 26px;
    }

.menu-title {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    margin-top: 20px;
}

    .menu-title h1 {
        font-size: 30px;
        color: #fff;
        line-height: 38px;
        display: inline-block;
        padding-left: 16px;
        margin: 0;
    }

        .menu-title h1 small {
            font-family: 'OpenSans-Italic';
            font-size: 20px;
            color: #fff;
            padding-left: 16px;
            border-left: 1px solid #f07c00;
            margin-left: 10px;
        }

    .menu-title img {
        width: 150px;
        display: inline-block;
        vertical-align: bottom;
    }

.side-menu .modal-content {
    /*background-image: url('../images/black-bg-5.png');*/
    background-color: #000;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: .4rem;
}

.side-menu-1 .modal-content {
    /*background-image: url('../images/black-bg-5.png');*/
    border: 0px solid rgba(0,0,0,.2);
    border-radius: .4rem;
}

.menu-title-red h1 {
    font-size: 30px;
    color: #d40000;
    line-height: 38px;
    display: inline-block;
    padding-left: 16px;
    margin: 0;
}

.title-red {
    color: red;
}

.side-menu .modal-body {
    padding: 2rem 3rem;
}

    .side-menu .modal-body p {
        color: #fff;
    }

.side-menu-1 .modal-body {
    padding: 2rem 1rem;
}

    .side-menu-1 .modal-body p {
        color: #000;
    }

.side-menu h4 {
    color: #fff;
    line-height: 36px;
    font-size: 18px;
    font-weight: normal;
    font-family: 'OpenSans-Italic';
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 1px dashed #5e5e5e;
    padding: 10px 5px;
    display: -ms-flexbox;
    display: flex;
}

    .side-menu h4 span {
        color: #fff;
        text-align: right;
        margin-left: auto;
        font-family: 'OpenSans-SemiBoldItalic';
    }

.side-menu-1 h4 {
    color: #000;
    line-height: 36px;
    font-size: 18px;
    font-weight: normal;
    font-family: 'OpenSans-Italic';
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 1px dashed #5e5e5e;
    padding: 10px 5px;
    display: -ms-flexbox;
    display: flex;
}

    .side-menu-1 h4 span {
        color: #000;
        text-align: right;
        margin-left: auto;
        font-family: 'OpenSans-SemiBoldItalic';
    }

.side-menu .row {
    margin-right: -40px;
    margin-left: -40px;
}

    .side-menu .row .col-md-6, .side-menu .row .col-md-12 {
        padding-right: 40px;
        padding-left: 40px;
    }

.side-menu .modal-content::before {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 80px;
    height: 100%;
    left: 50%;
    box-shadow: inset 50px 0 50px -20px rgba(0, 0, 0, 0.36);
    content: '';
}

.side-menu .close {
    opacity: 1;
    position: absolute;
    right: 47px;
    z-index: 1;
}

.img-icon {
    width: 55px;
}

.social-icons a {
    margin-right: 15px;
    /*color: #666;*/
    font-size: 20px;
}

.con-icon .fa {
    float: left;
    margin-top: 4px;
    color: #666;
    font-size: 20px;
    width: 20px;
}

.con-icon p {
    float: left;
    width: 80%;
    margin-left: 5px;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 5px;
}

.con-icon .fa-envelope {
    font-size: 14px;
    margin-top: 5px;
}

.con-icon p a {
    color: #666666;
}

footer p, footer p a {
    color: #666;
}

footer {
    padding-top: 30px;
}

.footer-bottom {
    /*border-top: 1px solid #ddd;
    padding-top: 20px;*/
    margin-top: 20px;
}

footer .right {
    margin-left: auto;
}

ul.fixed-icons {
    padding: 0;
    list-style: none;
    position: fixed;
    z-index: 9999;
    top: 48%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.fixed-icons {
    list-style: none;
}

    ul.fixed-icons li a {
        display: block;
        margin-right: -2px;
        height: 37px;
        width: 37px;
        border-radius: 25px 0 0 25px;
        background: #FFF;
        margin-bottom: 4px;
        transition: all .4s ease;
        color: #2980b9;
        text-decoration: none;
        line-height: 60px;
        position: relative;
        float: right;
        clear: both;
    }

    ul.fixed-icons li .facebook {
        background: #4868af;
    }

    ul.fixed-icons li .instagram {
        background: #e4405f;
    }

    ul.fixed-icons li .marker {
        background: #04a8e8;
    }

    ul.fixed-icons li .swiggy {
        background: #eb811f;
    }

    ul.fixed-icons li .zomato {
        background: #b60820;
    }

    ul.fixed-icons li .menu {
        background: #f9c122;
    }

    ul.fixed-icons li a span {
        padding: 0 15px 0 30px;
        position: absolute;
        left: 7px;
        line-height: 37px;
        transition: right .4s ease;
        font-size: 11px;
        color: #fff;
        width: 100%;
        letter-spacing: 2px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    ul.fixed-icons li a i {
        position: absolute;
        top: 50%;
        left: 11px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        color: #fff;
    }

    ul.fixed-icons li a:hover {
        cursor: pointer;
        width: 120px;
    }

        ul.fixed-icons li a:hover span {
            right: 0;
        }

#star {
    padding: 10px 12px 0px;
    color: #fec828;
}

.golden {
    color: #fba01a !important;
    margin: 10px 0px;
    font-weight: bold;
}

    .golden #star {
        padding: 0px;
        color: #fba01a;
    }

.fo_logo img {
    width: 200px;
    /*width: 120px;*/
}

#modal-popup .close {
    position: absolute;
    right: -28px;
    top: -6px;
    color: #fff;
    opacity: 1;
    font-size: 26px;
    font-weight: normal;
}

#modal-popup a {
    cursor: pointer;
}

/********************************* RESPONSIVE STYLE START **************************/
@media (min-width:250px) and (max-width:767px) {

    html, body {
        overflow-x: hidden;
    }

    .btn-order-box span {
        letter-spacing: 2px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .btn-order-box img {
        width: 45px !important;
    }

    .width_85 {
        width: 45px !important;
        margin-top: 5px;
    }

    .width_45 {
        width: 45px !important;
        margin-top: 15px !important;
    }




    .btn-inq {
        padding: 15px;
        font-size: 15px;
        position: absolute;
        right: 0;
        background-size: 39px;
        top: 0;
    }

    header {
        position: absolute;
        top: 8px;
        z-index: 12;
    }


    .btn-right {
        width: 37px;
    }

        .btn-right p {
            display: none;
        }



    h1 {
        line-height: 50px;
        font-size: 40px;
        margin-bottom: 10px;
        /*margin-top: 80px;*/
        margin-top: 20px;
    }

    h3 {
        line-height: 26px;
        font-size: 18px;
        margin-bottom: 26px;
    }

    .btn-menu {
        font-size: 35px;
        line-height: 89px;
        width: 85px;
        height: 85px;
    }

    .sec-box {
        background-position: top center;
        background-attachment: inherit;
        background-size: cover;
        height: auto;
    }

    .side-menu .modal-content::before {
        content: none;
    }

    .side-menu .row {
        margin-right: -15px;
        margin-left: -15px;
    }

        .side-menu .row .col-md-6 {
            padding-right: 15px;
            padding-left: 15px;
        }

    .side-menu .modal-body {
        padding: 2rem 1.5rem;
    }

    .side-menu .close {
        right: 12px;
    }

    .side-menu .modal-body .menu-title img, .side-menu .modal-body .img-icon {
        display: none;
    }

    .menu-title img {
        width: 150px;
        display: block !important;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .menu-title h1 {
        font-size: 31px;
        line-height: 35px;
        padding-left: 0;
        margin-top: 20px;
        text-align: center;
        float: none;
        width: 100%;
    }

    .close img {
        width: 25px;
    }

    .menu-title {
        margin-bottom: 20px;
    }

    .side-menu h4 {
        line-height: 23px;
        font-size: 16px;
        padding: 10px 0px;
    }

    footer {
        padding: 30px 30px 5px 30px;
    }

    .social-icons {
        margin: 0px 0;
        display: inline-block;
    }

    footer .right {
        margin-left: 0;
    }

    .footer-bottom p {
        margin-bottom: 5px;
    }

    .footer-bottom {
        padding-top: 12px;
    }

    #inquiry .modal-body h1 small {
        padding-left: 0;
        margin-left: 0;
        border-left: 0px solid #ddd;
        width: 100%;
        display: block;
        line-height: 24px;
    }

    .modal-body h2 {
        margin-top: 25px;
    }

    .fo_logo img {
        width: auto;
        /*display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80%;*/
    }

    .fo_logo {
        margin-bottom: 20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .fo_social {
        /*margin-bottom: 20px;*/
    }

    .fo_loc {
        margin-bottom: 20px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    header {
        position: absolute;
        top: 10px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 10px 25px;
    }

    .btn-inq {
        position: absolute;
        right: 0;
        background-size: 39px;
        top: 0;
    }

    .navbar-light .navbar-toggler {
        margin-right: auto;
    }

    .btn-right {
        width: 37px;
    }

        .btn-right p {
            display: none;
        }

    #banner {
        height: auto;
    }

        #banner .carousel-item h1 {
            font-size: 40px;
            line-height: 63px;
        }

    .mouse-wrapper {
        bottom: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        z-index: 11;
    }

        .carousel-control-next .fa, .carousel-control-prev .fa {
            font-size: 25px;
        }

    #banner .carousel-item {
        height: auto;
    }

    .sec-text {
        width: 100%;
        -ms-flex-item-align: start !important;
        align-self: start !important;
    }

    .btn-menu {
        font-size: 35px;
        line-height: 89px;
        width: 85px;
        height: 85px;
    }

    .sec-box {
        background-position: bottom center;
        background-attachment: inherit;
        background-size: cover;
        height: auto;
    }

    .social-icons a {
        margin-right: 13px;
    }

    .menu-title img {
        width: 90px;
        display: none;
    }
    /*
.menu-title h1{font-size: 18px;}
.menu-title h1 small{font-size: 15px;}
*/

}

@media (min-width:992px) and (max-width:1199px) {

    h1 {
        line-height: 80px;
        font-size: 75px;
    }

    .btn-menu {
        font-size: 35px;
        line-height: 89px;
        width: 85px;
        height: 85px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding: 30px 18px;
    }

    .menu-title img {
        width: 90px;
        display: none;
    }
    /*
.menu-title h1{font-size: 17px;}
.menu-title h1 small{font-size: 14px;}
*/
}

@media (min-width:1600px) and (max-width:5000px) {
    .container {
        max-width: 1400px;
    }

    h1 {
        line-height: 140px;
        font-size: 140px;
    }

    .banner h1 {
        font-size: 70px;
        line-height: 90px;
    }
}
/********************************* RESPONSIVE STYLE END **************************/

.btn-order-box {
    width: 215px;
    max-height: 130px;
    min-height: 70px;
    float: right;
    background-color: #fff;
    margin: 4px 5px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 5px 2px #eee;
}

    .btn-order-box span {
        letter-spacing: 2px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .btn-order-box img {
        width: 45px;
    }

.width_55 {
    width: 55px !important;
    margin-top: 5px;
}

.width_85 {
    width: 60px !important;
    margin-top: 5px;
}

.width_45 {
    width: 45px !important;
    margin-top: 10px;
}

.width_210 {
    width: 210px !important;
}
/* ===================================
    Paddings
  =================================== */
.padding_0 {
    padding: 0px
}

.padding_5 {
    padding: 5px
}

.padding_10 {
    padding: 10px
}


.padding_left25 {
    padding-left: 25px
}

.padding_left30 {
    padding-left: 30px
}

.padding_left95 {
    padding-left: 95px
}


.padding_right15 {
    padding-right: 15px
}

.padding-top5 {
    padding-top: 5px
}

.padding-top10 {
    padding-top: 10px
}

.padding-top15 {
    padding-top: 15px
}


.padding-top25 {
    padding-top: 25px
}

.padding-top30 {
    padding-top: 30px
}

.padding-top35 {
    padding-top: 35px
}

.padding-top45 {
    padding-top: 45px
}

.padding-top90 {
    padding-top: 90px
}

.padding_top95 {
    padding-top: 95px
}

.padding-top100 {
    padding-top: 100px
}

.padding-top110 {
    padding-top: 110px
}

.padding-top120 {
    padding-top: 120px
}

.padding-top125 {
    padding-top: 125px
}

.padding-top135 {
    padding-top: 135px
}

.padding-top145 {
    padding-top: 145px
}

.padding-tb-30 {
    padding: 30px 0
}

.padding-tb-120 {
    padding: 120px 0
}

.padding-tb-125 {
    padding: 125px 0
}

.padding-tb-135 {
    padding: 135px 0
}

.padding-tb-145 {
    padding: 145px 0
}

.padding-tb-160 {
    padding: 160px 0
}


.padding-bottom10 {
    padding-bottom: 10px
}

.padding-bottom15 {
    padding-bottom: 15px
}

.padding-bottom20 {
    padding-bottom: 20px
}

.padding-bottom25 {
    padding-bottom: 25px
}

.padding-bottom45 {
    padding-bottom: 45px
}

.padding-bottom50 {
    padding-bottom: 50px
}

.padding-bottom65 {
    padding-bottom: 65px
}

.padding-bottom85 {
    padding-bottom: 85px
}

.padding-bottom100 {
    padding-bottom: 100px
}

.padding-bottom110 {
    padding-bottom: 110px
}

.padding-bottom120 {
    padding-bottom: 120px
}

.padding-bottom125 {
    padding-bottom: 125px
}

.padding-bottom135 {
    padding-bottom: 135px
}

.padding-bottom145 {
    padding-bottom: 145px
}

.padding-bottom165 {
    padding-bottom: 165px
}

/* ===================================
    Margins
  =================================== */

.margin_top0 {
    margin-top: 0
}

.margin_top10 {
    margin-top: 10px
}

.margin_top30 {
    margin-top: 30px
}

.margin_top40 {
    margin-top: 40px
}

.margin_top50 {
    margin-top: 50px
}

.margin_top60 {
    margin-top: 60px
}

.margin_top75 {
    margin-top: 75px
}

.margin_left100 {
    margin-left: 100px
}

.margin_bottom0 {
    margin-bottom: 0
}

.margin_bottom5 {
    margin-bottom: 5px
}

.margin_bottom10 {
    margin-bottom: 10px
}

.margin_bottom15 {
    margin-bottom: 15px
}

.margin_bottom20 {
    margin-bottom: 20px
}

.margin_bottom25 {
    margin-bottom: 25px
}

.margin_bottom30 {
    margin-bottom: 30px
}

.margin_bottom35 {
    margin-bottom: 35px
}

.margin_bottom40 {
    margin-bottom: 40px
}

.margin_bottom45 {
    margin-bottom: 45px
}

.margin_bottom50 {
    margin-bottom: 50px
}

.margin_bottom60 {
    margin-bottom: 60px
}

.margin_bottom70 {
    margin-bottom: 70px
}

.margin_bottom75 {
    margin-bottom: 75px
}

.margin_bottom80 {
    margin-bottom: 80px
}

.margin_bottom100 {
    margin-bottom: 100px
}

.margin_bottom110 {
    margin-bottom: 52px
}

/*Menu-item*/
/*--------------------------------------------*/
.menu-item {
    border: solid 1px;
    padding: 5px;
    margin-bottom: 5px;
    min-width: 310px;
}

    .menu-item h4 {
    }

    .menu-item span {
    }

    .menu-item p {
        font-style: italic;
        font-size: 12px;
        line-height: 15px;
        padding-top: 5px;
        min-height: 35px;
    }

    .menu-item img {
        width: 45px;
    }
/*--------------------------------------------*/

/* ===================================
    Contact Us
  =================================== */

.contact-usbox {
    background-image: url("../images/contact-usbg.jpg");
    position: relative
}
.catering-usbox {
    /*background-image: url("../images/black-bg-5.png");*/
    position: relative;
    background-color: #000;
}

/*.form_ltbox {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

#contactpage ::-webkit-input-placeholder {
    color: #fff
}

.form_ltbox ::-moz-placeholder {
    color: #fff
}

.form_ltbox :-ms-input-placeholder {
    color: #fff
}

.form_ltbox :-moz-placeholder {
    color: #fff
}

.contact-fields {
    height: 48px;
    padding-left: 0;
    padding-top: 0;
    color: #fff !important;
    background: 0 0;
    font-size: 16px;
    color: #fff;
    box-shadow: none;
    outline: 0;
    border-radius: 0;
    border: none;
    padding-bottom: 8px;
    margin-bottom: 35px;
    border-bottom: solid 1px #fff
}

.contact_comment {
    line-height: 48px
}

    .contact-fields:focus, .contact_comment:focus {
        outline: none;
        box-shadow: none;
        border-color: #cc0000
    }

.form_ltbox .form-group {
    margin-bottom: 12px
}

    .form_ltbox .form-group:last-child {
        margin: 0
    }

.form-group textarea {
    color: #fff !important;
}

.contact_comment {
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: 16px;
    min-height: 50px !important;
    padding: 0;
    border-bottom: solid 1px #fff;
    margin-bottom: 20px
}

.contact-usbtn {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    background-color: #ca0808 !important;
    padding: 17px 35px 19px;
    color: #fff;
    border-radius: 50px;
    border: none
}

    .contact-usbtn:hover, .contact-usbtn:focus, .contact-usbtn:active {
        color: #fff;
        background-color: #f90 !important
    }*/

.form-success {
    color: #19a937;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: left
}

.error {
    color: #f90303;
    padding: 0 15px
}

.contact_text p {
    margin: 0 0 55px
}

.form-success {
    color: #19a937;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: left
}

.error {
    color: #f90303;
    padding: 0 15px
}

.contact_text p {
    margin: 0 0 55px;
    border-color: #f90303
}

@media screen and (min-width:250px) and (max-width:360px) {
    .deskstop_logo, .normal_pizza_menu, .normal_offer_section, .normal_chef_section, .normal_blog_section, .normal_footer, .white-after:after, .btn_view_cart, .normal_header, .normal_banner {
        display: none !important;
    }

    .mobile_logo, .rating_star, .mobile_pizza_menu, .mobile_offer_section, .mobile_chef_section, .mobile_blog_section, .mobile_footer, .mobile_header, .mobile_banner {
        display: block
    }

    .navbar {
        background-color: #fff !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-brand img {
        width: 60px;
    }

    .navbar-light .navbar-toggler {
        margin-right: auto;
        border: 0;
        float: right;
    }

    .navbar-toggler {
        padding: 5px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 10px 25px;
    }

    .btn-order-box {
        width: 57% !important;
        max-height: 80px !important;
        border-radius: 0px;
        margin: 10px 0px 0px 0px;
        box-shadow: 0px 0px 5px 2px #fff;
    }

    .btn-order-box-old {
        width: 100% !important;
        max-height: 80px !important;
        border-radius: 0px;
        margin: 0px;
        box-shadow: 0px 0px 5px 2px #eee;
    }


    .margin15 {
        margin: 15px;
    }

    .btn-order-uber {
        padding: 10px 0px 0px 20px !important;
    }

        .btn-order-uber img {
            width: 40px !important;
            padding-top: 10px;
        }
    .btn-doordash {
        padding: 10px 10px 5px 5px !important;
    }

        .btn-doordash img {
            width: 40px !important;
            padding-top: 10px;
        }
    .btn-order-door {
        padding: 15px 25px 0px 5px !important;
    }

        .btn-order-door img {
            width: 55px !important;
        }

    .mobile-order-box {
        background-color: #fff;
        margin: 4px 5px;
        text-align: center;
    }

        .mobile-order-box span {
            letter-spacing: 2px;
            font-size: 22px;
            font-weight: 600;
            color: #000;
        }

    .mobile-order-box-uber-img img {
        width: 45px !important;
    }

    .mobile-order-box-doordash-img img {
        width: 55px !important;
        margin-top: 5px;
    }

    .padding-top5 {
        padding-top: 5px;
    }
    /*.mobile-order-box img {
        width: 45px !important;
    }*/
    #banner {
        /*height: 230px;*/
        margin-top: 80px;
    }

        #banner .carousel-item h1 {
            font-size: 30px;
            line-height: 63px;
        }

    .mouse-wrapper {
        bottom: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        z-index: 11;
    }

        .carousel-control-next .fa, .carousel-control-prev .fa {
            font-size: 25px;
        }

    #banner .carousel-item {
        height: auto;
    }

    .logo-banner {
        width: 90px;
    }

    .banner h1 {
        font-size: 40px;
        line-height: 35px;
    }

    .sec-text {
        padding: 25 15px;
        width: 100%;
        -ms-flex-item-align: start !important;
        align-self: start !important;
    }

    .shopping_cart {
        display: block
    }

    .popular_deals_text h2 strike {
        display: inline-block
    }

    .popular_deals_text h2 {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .mobile_logo {
        /*position: absolute;*/
        background-color: #fff;
        float: none !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 0
    }

        .mobile_logo img {
            margin: 20px 5px 0px 10px;
            width: 25%;
        }

    .custom-header {
        background-color: #ffffff
    }

    h2 {
        font-size: 20px
    }

    .sub_banner_content h2 {
        padding-top: 50px
    }

    a.shopping_cart {
        position: absolute;
        right: 20px;
        top: 11px
    }

    .font-size128 {
        font-size: 60px
    }

    .banner-btn a, .contact-usbtn {
        padding: 18px 45px;
        font-size: 18px
    }

    .padding-top135 {
        padding-top: 50px
    }

    .padding-bottom85 {
        padding-bottom: 50px
    }

    .popular_deals_text h2 strike {
        color: #777
    }

    .margin_bottom50 {
        margin-bottom: 20px
    }

    .margin_bottom25 {
        margin-bottom: 20px
    }

    .font-size48 {
        font-size: 36px
    }

    .pop-itemsbox, .blog-itemsbox {
        margin-bottom: 30px
    }

    .font-size36 {
        font-size: 24px
    }
    .font-size14 {
        font-size: 14px !important;
    }

    .padding-top100, .padding-top90 {
        padding-top: 50px
    }

    .margin_bottom45 {
        margin-bottom: 30px
    }

    .line-height42 {
        line-height: 36px
    }

    .Client_testimonial:after {
        width: 170px
    }

    .margin_bottom110 {
        margin-bottom: 50px
    }

    .padding-bottom110 {
        padding-bottom: 50px
    }

    .padding-top110 {
        padding-top: 50px
    }

    .contact-usbox .contactus-form input.text_field {
        margin-bottom: 20px
    }

    .footer-menu {
        display: none
    }

    .footer-innerboxes {
        width: 100% !important;
        text-align: center
    }

    .margin_bottom30 {
        margin-bottom: 20px
    }

    .footer-innerboxes:last-child {
        margin-bottom: 0 !important
    }

    .footer-innerboxes ul {
        margin-bottom: 0
    }

    .padding-top120 {
        padding-top: 50px
    }

    .padding-bottom120 {
        padding-bottom: 50px
    }

    .navbar-brand {
        float: left
    }

    .custom-header .navbar-collapse {
        width: 100%
    }

    .custom-header .navbar-toggle, .custom-header .navbar-toggle:focus {
        border-radius: 0;
        /*border-color: #cc0000;
        background-color: #cc0000;*/
        margin-right: 0;
        float: right;
        margin-top: 30px;
        padding-top: 5px;
    }

    .custom-header i {
        padding: 5px;
        font-size: 20px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .custom-header .container {
        padding-right: 0
    }

    .custom-header .navbar-header {
        margin: 0;
        position: relative;
        width: 100%;
        top: -10px;
    }

    .custom-header .navbar-collapse {
        margin-left: 0;
        border: none;
        background-color: #fff;
        position: absolute;
        /*right: 45px;*/
        top: 48px;
        width: 100%;
    }

    .custom-header .navbar-nav li {
        float: left;
        width: 100%;
        margin: 5px 15px 5px 15px;
    }

    .custom-header .navbar-nav {
        margin: 0px 0 0 0;
    }

        .custom-header .navbar-nav li a {
            padding: 1px 10px;
            font-size: 15px;
            font-weight: 600;
            color: #54a836;
        }

    .navbar-toggle {
        width: 40px;
        height: 40px;
        margin-top: 20px;
        display: inline-block;
        padding-top: 16px;
        float: left;
        z-index: 999999
    }

    .call-usbtn {
        margin-top: 5px;
        float: left !important;
        margin-bottom: 25px;
        display: none
    }

        .call-usbtn a {
            background-color: #ff9900
        }

    .padding-bottom135 {
        padding-bottom: 50px
    }

    .buger-menu {
        height: 2px;
        margin-top: 0;
        position: relative;
        width: 100%;
        background-color: #fff
    }

        .buger-menu:before {
            position: absolute;
            background-color: #fff;
            width: 100%;
            height: 2px;
            top: 5px;
            content: "";
            display: block
        }

        .buger-menu:after {
            position: absolute;
            background-color: #fff;
            width: 100%;
            height: 2px;
            bottom: 5px;
            content: "";
            display: block
        }

        .buger-menu::after, .buger-menu::before, .buger-menu {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out
        }

    .navbar-toggle.menu-on .buger-menu:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        bottom: 0
    }

    .navbar-toggle.menu-on .buger-menu:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 0
    }

    .navbar-toggle.menu-on .buger-menu {
        background: rgba(111,111,111,.0)
    }

    .Client_testimonial p br {
        display: none
    }

    .padding-bottom100 {
        padding-bottom: 50px
    }

    .hot-pizza {
        background-size: contain
    }

    .padding-tb-135, .padding-tb-120 {
        padding: 50px 0
    }

    .padding-tb-145, .padding-tb-125 {
        padding: 50px 0
    }

    .pizza-menu:before, .Client_testimonial:after {
        display: none
    }

    .blog-itemsbox:last-child, .pop-itemsbox:last-child {
        margin-bottom: 0
    }

    .pizza-img {
        left: 60px
    }

    .sp-contentbox img {
        position: absolute;
        left: -15px;
        bottom: -222px
    }

    .custom-header .navbar-collapse {
        top: 70px;
        padding-bottom: 15px;
    }

    .padding-top145 {
        padding-top: 0;
        padding-bottom: 25px
    }

    .margin_bottom110 {
        margin-bottom: 30px
    }

    .padding-tb-160 {
        padding: 60px 0
    }

    #return-to-top {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px
    }

        #return-to-top i {
            top: 6px;
            left: 12px;
            font-size: 18px
        }

    .carousel-control.left, .carousel-control.right {
        background: none
    }

    .btn_view_cart {
        display: inline-block;
        font-size: 10px;
        color: #a6a6a6;
        font-weight: 500
    }

    .popular_deals_box {
        border: 1px solid #ff9600;
        background-color: #fff0da;
        padding: 25px
    }

    #demos .owl-item {
        opacity: 0.5
    }

        #demos .owl-item.active {
            opacity: 1
        }

    .owl-carousel .owl-item img {
        width: auto
    }

    .owl-carousel {
        z-index: 0
    }

    .chef-outerbox img {
        width: 100%;
        margin-bottom: -15px
    }

    .footer_details ul li {
        display: inline-block;
        list-style: none;
        vertical-align: middle;
        color: #fff;
        font-size: 12px;
        line-height: 26px;
        font-weight: 400;
        padding: 0 10px
    }

        .footer_details ul li:first-child {
            padding-left: 0
        }

        .footer_details ul li:last-child {
            padding-right: 0
        }

    .blog-postag {
        position: absolute;
        top: 0;
        left: 20px;
        height: 94px;
        width: 91px;
        padding-right: 5px;
        background-image: url("../images/blog-postag.png")
    }

    .footer_details ul li a {
        color: #ff9600
    }

    .carousel-indicators {
        bottom: -50px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #ff9600;
        border-radius: 100%
    }

    .popular_deals_text {
        text-align: left
    }

    .owl-carousel .owl-item img {
        margin: inherit
    }

    .hot-pizza-content {
        text-align: left
    }

    .sp-contentbox {
        text-align: left !important;
        ;
        padding-top: 75px !important;
    }

    .our-chefcont-area {
        text-align: left
    }

        .our-chefcont-area h3 {
            text-align: left
        }

    .comment_box_02 {
        display: none
    }

    .margin_left100 {
        margin-left: 60px
    }

    .contact_detail_info {
        margin-bottom: 20px
    }
}
/*================ Mobile Spacific CSS ============*/
@media screen and (min-width:361px) and (max-width:767px) {
    .deskstop_logo, .normal_pizza_menu, .normal_offer_section, .normal_chef_section, .normal_blog_section, .normal_footer, .white-after:after, .btn_view_cart, .normal_header, .normal_banner {
        display: none !important;
    }

    .mobile_logo, .rating_star, .mobile_pizza_menu, .mobile_offer_section, .mobile_chef_section, .mobile_blog_section, .mobile_footer, .mobile_header, .mobile_banner {
        display: block
    }

    .navbar {
        background-color: #fff !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-brand img {
        width: 60px;
    }

    .navbar-light .navbar-toggler {
        margin-right: auto;
        border: 0;
        float: right;
    }

    .navbar-toggler {
        padding: 5px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 10px 25px;
    }

    .btn-order-box {
        width: 60% !important;
        max-height: 80px !important;
        border-radius: 0px;
        margin: 10px 0px 0px 0px;
        box-shadow: 0px 0px 5px 2px #fff;
    }

    .btn-order-box-old {
        width: 100% !important;
        max-height: 80px !important;
        border-radius: 0px;
        margin: 0px;
        box-shadow: 0px 0px 5px 2px #eee;
    }


    .margin15 {
        margin: 15px;
    }

    .btn-order-uber {
        padding: 10px 0px 0px 15px !important;
    }

        .btn-order-uber img {
            width: 40px !important;
            padding-top: 10px;
        }

    .btn-order-door {
        padding: 15px 40px 0px 5px !important;
    }
        .btn-order-door img {
            width: 55px !important;
        }

    .mobile-order-box {
        background-color: #fff;
        margin: 4px 5px;
        text-align: center;
    }

        .mobile-order-box span {
            letter-spacing: 2px;
            font-size: 22px;
            font-weight: 600;
            color: #000;
        }

    .mobile-order-box-uber-img img {
        width: 45px !important;
    }

    .mobile-order-box-doordash-img img {
        width: 55px !important;
        margin-top: 5px;
    }

    .padding-top5 {
        padding-top: 5px;
    }
    /*.mobile-order-box img {
        width: 45px !important;
    }*/
    #banner {
        /*height: 250px;
        top: 75px;*/
        margin-top: 75px;
    }

        #banner .carousel-item h1 {
            font-size: 30px;
            line-height: 63px;
        }

    .mouse-wrapper {
        bottom: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        z-index: 11;
    }

        .carousel-control-next .fa, .carousel-control-prev .fa {
            font-size: 25px;
        }

    #banner .carousel-item {
        height: auto;
    }

    .logo-banner {
        width: 90px;
    }

    .banner h1 {
        font-size: 40px;
        line-height: 35px;
    }

    .sec-text {
        /*padding: 25 15px;*/
        padding: 90px 15px 25px 15px;
        width: 100%;
        -ms-flex-item-align: start !important;
        align-self: start !important;
    }

    .shopping_cart {
        display: block
    }

    .popular_deals_text h2 strike {
        display: inline-block
    }

    .popular_deals_text h2 {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .mobile_logo {
        /*position: absolute;*/
        background-color: #fff;
        float: none !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 0
    }

        .mobile_logo img {
            margin: 20px 5px 0px 10px;
            width: 25%;
        }

    .custom-header {
        background-color: #ffffff
    }

    h2 {
        font-size: 20px
    }

    .sub_banner_content h2 {
        padding-top: 50px
    }

    a.shopping_cart {
        position: absolute;
        right: 20px;
        top: 11px
    }

    .font-size128 {
        font-size: 60px
    }

    .banner-btn a, .contact-usbtn {
        padding: 18px 45px;
        font-size: 18px
    }

    .padding-top135 {
        padding-top: 50px
    }

    .padding-bottom85 {
        padding-bottom: 50px
    }

    .popular_deals_text h2 strike {
        color: #777
    }

    .margin_bottom50 {
        margin-bottom: 20px
    }

    .margin_bottom25 {
        margin-bottom: 20px
    }

    .font-size48 {
        font-size: 36px
    }

    .pop-itemsbox, .blog-itemsbox {
        margin-bottom: 30px
    }

    .font-size36 {
        font-size: 24px
    }

    .padding-top100, .padding-top90 {
        padding-top: 100px
    }

    .margin_bottom45 {
        margin-bottom: 30px
    }

    .line-height42 {
        line-height: 36px
    }

    .Client_testimonial:after {
        width: 170px
    }

    .margin_bottom110 {
        margin-bottom: 50px
    }

    .padding-bottom110 {
        padding-bottom: 50px
    }

    .padding-top110 {
        padding-top: 50px
    }

    .contact-usbox .contactus-form input.text_field {
        margin-bottom: 20px
    }

    .footer-menu {
        display: none
    }

    .footer-innerboxes {
        width: 100% !important;
        text-align: center
    }

    .margin_bottom30 {
        margin-bottom: 20px
    }

    .footer-innerboxes:last-child {
        margin-bottom: 0 !important
    }

    .footer-innerboxes ul {
        margin-bottom: 0
    }

    .padding-top120 {
        padding-top: 50px
    }

    .padding-bottom120 {
        padding-bottom: 50px
    }

    .navbar-brand {
        float: left
    }

    .custom-header .navbar-collapse {
        width: 100%
    }

    .custom-header .navbar-toggle, .custom-header .navbar-toggle:focus {
        border-radius: 0;
        /*border-color: #cc0000;
        background-color: #cc0000;*/
        margin-right: 0;
        float: right;
        margin-top: 30px;
        padding-top: 5px;
    }

    .custom-header i {
        padding: 5px;
        font-size: 20px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .custom-header .container {
        padding-right: 0
    }

    .custom-header .navbar-header {
        margin: 0;
        position: relative;
        width: 100%;
        top: -10px;
    }

    .custom-header .navbar-collapse {
        margin-left: 0;
        border: none;
        background-color: #fff;
        position: absolute;
        /*right: 45px;*/
        top: 48px;
        width: 100%;
    }

    .custom-header .navbar-nav li {
        float: left;
        width: 100%;
        margin: 5px 15px 5px 15px;
    }

    .custom-header .navbar-nav {
        margin: 0px 0 0 0;
    }

        .custom-header .navbar-nav li a {
            padding: 1px 10px;
            font-size: 15px;
            font-weight: 600;
            color: #54a836;
        }

    .navbar-toggle {
        width: 40px;
        height: 40px;
        margin-top: 20px;
        display: inline-block;
        padding-top: 16px;
        float: left;
        z-index: 999999
    }

    .call-usbtn {
        margin-top: 5px;
        float: left !important;
        margin-bottom: 25px;
        display: none
    }

        .call-usbtn a {
            background-color: #ff9900
        }

    .padding-bottom135 {
        padding-bottom: 50px
    }

    .buger-menu {
        height: 2px;
        margin-top: 0;
        position: relative;
        width: 100%;
        background-color: #fff
    }

        .buger-menu:before {
            position: absolute;
            background-color: #fff;
            width: 100%;
            height: 2px;
            top: 5px;
            content: "";
            display: block
        }

        .buger-menu:after {
            position: absolute;
            background-color: #fff;
            width: 100%;
            height: 2px;
            bottom: 5px;
            content: "";
            display: block
        }

        .buger-menu::after, .buger-menu::before, .buger-menu {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out
        }

    .navbar-toggle.menu-on .buger-menu:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        bottom: 0
    }

    .navbar-toggle.menu-on .buger-menu:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 0
    }

    .navbar-toggle.menu-on .buger-menu {
        background: rgba(111,111,111,.0)
    }

    .Client_testimonial p br {
        display: none
    }

    .padding-bottom100 {
        padding-bottom: 50px
    }

    .hot-pizza {
        background-size: contain
    }

    .padding-tb-135, .padding-tb-120 {
        padding: 50px 0
    }

    .padding-tb-145, .padding-tb-125 {
        padding: 50px 0
    }

    .pizza-menu:before, .Client_testimonial:after {
        display: none
    }

    .blog-itemsbox:last-child, .pop-itemsbox:last-child {
        margin-bottom: 0
    }

    .pizza-img {
        left: 60px
    }

    .sp-contentbox img {
        position: absolute;
        left: -15px;
        bottom: -222px
    }

    .custom-header .navbar-collapse {
        top: 70px;
        padding-bottom: 15px;
    }

    .padding-top145 {
        padding-top: 0;
        padding-bottom: 25px
    }

    .margin_bottom110 {
        margin-bottom: 30px
    }

    .padding-tb-160 {
        padding: 60px 0
    }

    #return-to-top {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px
    }

        #return-to-top i {
            top: 6px;
            left: 12px;
            font-size: 18px
        }

    .carousel-control.left, .carousel-control.right {
        background: none
    }

    .btn_view_cart {
        display: inline-block;
        font-size: 10px;
        color: #a6a6a6;
        font-weight: 500
    }

    .popular_deals_box {
        border: 1px solid #ff9600;
        background-color: #fff0da;
        padding: 25px
    }

    #demos .owl-item {
        opacity: 0.5
    }

        #demos .owl-item.active {
            opacity: 1
        }

    .owl-carousel .owl-item img {
        width: auto
    }

    .owl-carousel {
        z-index: 0
    }

    .chef-outerbox img {
        width: 100%;
        margin-bottom: -15px
    }

    .footer_details ul li {
        display: inline-block;
        list-style: none;
        vertical-align: middle;
        color: #fff;
        font-size: 12px;
        line-height: 26px;
        font-weight: 400;
        padding: 0 10px
    }

        .footer_details ul li:first-child {
            padding-left: 0
        }

        .footer_details ul li:last-child {
            padding-right: 0
        }

    .blog-postag {
        position: absolute;
        top: 0;
        left: 20px;
        height: 94px;
        width: 91px;
        padding-right: 5px;
        background-image: url("../images/blog-postag.png")
    }

    .footer_details ul li a {
        color: #ff9600
    }

    .carousel-indicators {
        bottom: -50px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #ff9600;
        border-radius: 100%
    }

    .popular_deals_text {
        text-align: left
    }

    .owl-carousel .owl-item img {
        margin: inherit
    }

    .hot-pizza-content {
        text-align: left
    }

    .sp-contentbox {
        text-align: left !important;
        ;
        padding-top: 75px !important;
    }

    .our-chefcont-area {
        text-align: left
    }

        .our-chefcont-area h3 {
            text-align: left
        }

    .comment_box_02 {
        display: none
    }

    .margin_left100 {
        margin-left: 60px
    }

    .contact_detail_info {
        margin-bottom: 20px
    }
}

.takeaway-span {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    border-top: 1px #607d8b dashed;
}

mt-12 {
    margin-top: 12px !important
}

.blog-h1 {
    color: #e31e24;
}

.wrapper {
    padding: 0px;
    /*background: #eaeaea;*/
    max-width: 400px;
    margin: 10px auto;
    min-height: 80px;
}

.blog-card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*-----------------------------------------*/
.blog-listing {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gray-bg {
    background-color: #f5f5f5;
}
/* Blog 
---------------------*/
.blog-grid {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .blog-grid .blog-img {
        position: relative;
    }

        .blog-grid .blog-img .date {
            position: absolute;
            background: #fc5356;
            color: #ffffff;
            padding: 8px 15px;
            left: 10px;
            top: 10px;
            border-radius: 4px;
        }

            .blog-grid .blog-img .date span {
                font-size: 22px;
                display: block;
                line-height: 22px;
                font-weight: 700;
            }

            .blog-grid .blog-img .date label {
                font-size: 14px;
                margin: 0;
            }

    .blog-grid .blog-info {
        padding: 20px;
    }

        .blog-grid .blog-info h5 {
            font-size: 22px;
            font-weight: 700;
            margin: 0 0 10px;
        }

            .blog-grid .blog-info h5 a {
                color: #20247b;
            }

        .blog-grid .blog-info p {
            margin: 0;
        }

        .blog-grid .blog-info .btn-bar {
            margin-top: 20px;
        }


/* Blog Sidebar
-------------------*/
.blog-aside .widget {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.blog-aside .widget-body {
    padding: 15px;
}

.blog-aside .widget-title {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

    .blog-aside .widget-title h3 {
        font-size: 20px;
        font-weight: 700;
        color: #fc5356;
        margin: 0;
    }

.blog-aside .widget-author .media {
    margin-bottom: 15px;
}

.blog-aside .widget-author p {
    font-size: 16px;
    margin: 0;
}

.blog-aside .widget-author .avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.blog-aside .widget-author h6 {
    font-weight: 600;
    color: #20247b;
    font-size: 22px;
    margin: 0;
    padding-left: 20px;
}

.blog-aside .post-aside {
    margin-bottom: 15px;
}

    .blog-aside .post-aside .post-aside-title h5 {
        margin: 0;
    }

    .blog-aside .post-aside .post-aside-title a {
        font-size: 18px;
        color: #20247b;
        font-weight: 600;
    }

    .blog-aside .post-aside .post-aside-meta {
        padding-bottom: 10px;
    }

        .blog-aside .post-aside .post-aside-meta a {
            color: #6F8BA4;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            margin-right: 10px;
        }

.blog-aside .latest-post-aside + .latest-post-aside {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.blog-aside .latest-post-aside .lpa-right {
    width: 90px;
}

    .blog-aside .latest-post-aside .lpa-right img {
        border-radius: 3px;
    }

.blog-aside .latest-post-aside .lpa-left {
    padding-right: 15px;
}

.blog-aside .latest-post-aside .lpa-title h5 {
    margin: 0;
    font-size: 15px;
}

.blog-aside .latest-post-aside .lpa-title a {
    color: #20247b;
    font-weight: 600;
}

.blog-aside .latest-post-aside .lpa-meta a {
    color: #6F8BA4;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}

.tag-cloud a {
    padding: 4px 15px;
    font-size: 13px;
    color: #ffffff;
    background: #20247b;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 4px;
}

    .tag-cloud a:hover {
        background: #fc5356;
    }

.blog-single {
    padding-top: 30px;
    padding-bottom: 30px;
}

.article {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
    margin: 15px 0 30px;
}

    .article .article-title {
        padding: 15px 0 20px;
    }

        .article .article-title h6 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 20px;
        }

            .article .article-title h6 a {
                text-transform: uppercase;
                color: #fc5356;
                border-bottom: 1px solid #fc5356;
            }

        .article .article-title h2 {
            color: #20247b;
            font-weight: 600;
        }

        .article .article-title .media {
            padding-top: 15px;
            border-bottom: 1px dashed #ddd;
            padding-bottom: 20px;
        }

            .article .article-title .media .avatar {
                width: 45px;
                height: 45px;
                border-radius: 50%;
                overflow: hidden;
            }

            .article .article-title .media .media-body {
                padding-left: 8px;
            }

                .article .article-title .media .media-body label {
                    font-weight: 600;
                    color: #fc5356;
                    margin: 0;
                }

                .article .article-title .media .media-body span {
                    display: block;
                    font-size: 12px;
                }

    .article .article-content h1,
    .article .article-content h2,
    .article .article-content h3,
    .article .article-content h4,
    .article .article-content h5,
    .article .article-content h6 {
        color: #20247b;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .article .article-content blockquote {
        max-width: 600px;
        padding: 15px 0 30px 0;
        margin: 0;
    }

        .article .article-content blockquote p {
            font-size: 20px;
            font-weight: 500;
            color: #fc5356;
            margin: 0;
        }

        .article .article-content blockquote .blockquote-footer {
            color: #20247b;
            font-size: 16px;
        }

            .article .article-content blockquote .blockquote-footer cite {
                font-weight: 600;
            }

    .article .tag-cloud {
        padding-top: 10px;
    }

.article-comment {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    padding: 20px;
}

    .article-comment h4 {
        color: #20247b;
        font-weight: 700;
        margin-bottom: 25px;
        font-size: 22px;
    }

img {
    max-width: 100%;
}

img {
    vertical-align: middle;
    border-style: none;
}

/* Contact Us
---------------------*/
.contact-name {
    margin-bottom: 30px;
}

    .contact-name h5 {
        font-size: 22px;
        color: #20247b;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .contact-name p {
        font-size: 18px;
        margin: 0;
    }

.social-share a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
}

.social-share .dribbble {
    box-shadow: 0 8px 30px -4px rgba(234, 76, 137, 0.5);
    background-color: #ea4c89;
}

.social-share .behance {
    box-shadow: 0 8px 30px -4px rgba(0, 103, 255, 0.5);
    background-color: #0067ff;
}

.social-share .linkedin {
    box-shadow: 0 8px 30px -4px rgba(1, 119, 172, 0.5);
    background-color: #0177ac;
}

.contact-form .form-control {
    border: none;
    border-bottom: 1px solid #20247b;
    background: transparent;
    border-radius: 0;
    padding-left: 0;
    box-shadow: none !important;
}

    .contact-form .form-control:focus {
        border-bottom: 1px solid #fc5356;
    }

    .contact-form .form-control.invalid {
        border-bottom: 1px solid #ff0000;
    }

.contact-form .send {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .contact-form .send {
        margin-bottom: 20px;
    }
}

.section-title h2 {
    font-weight: 700;
    color: #20247b;
    font-size: 45px;
    margin: 0 0 15px;
    border-left: 5px solid #fc5356;
    padding-left: 15px;
}

.section-title {
    padding-bottom: 45px;
}

.contact-form .send {
    margin-top: 20px;
}

.px-btn {
    padding: 0 50px 0 20px;
    line-height: 60px;
    position: relative;
    display: inline-block;
    color: #20247b;
    background: none;
    border: none;
}

    .px-btn:before {
        content: "
        "
        ;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 30px;
        background: transparent;
        border: 1px solid rgba(252, 83, 86, 0.6);
        border-right: 1px solid transparent;
        -moz-transition: ease all 0.35s;
        -o-transition: ease all 0.35s;
        -webkit-transition: ease all 0.35s;
        transition: ease all 0.35s;
        width: 60px;
        height: 60px;
    }

    .px-btn .arrow {
        width: 13px;
        height: 2px;
        background: currentColor;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 25px;
    }

        .px-btn .arrow:after {
            width: 8px;
            height: 8px;
            border-right: 2px solid currentColor;
            border-top: 2px solid currentColor;
            content: "
            "
            ;
            position: absolute;
            top: -3px;
            right: 0;
            display: inline-block;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

/*==================================================
 * Effect 8
 * ===============================================*/

@media (max-width: 767px) {
    .contact-form-box {
        margin: 20px;
        width:100%;
    }
}
@media (min-width:250px) and (max-width:767px) {
    .box {
        width: 70% ;
        height: 50px !important;
        /*background: trasprant;*/
        margin: 70px 60px !important;
    }
}
.box {
    width: 70%;
    height: 200px;
    /*background: trasprant;*/
    margin: 150px auto;
}

    .box h3 {
        color: #ffffff;
        font-size : 14px !important;
        font-weight : 600;
    }
    .box h3 a{
        color: #ffffff;
    }
/*.effect8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .effect8:before, .effect8:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .effect8:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }*/

.btn-order-uber {
    padding: 0px 0px 0px 20px !important;
}

.btn-order-door {
    padding: 0px 25px 0px 0px !important;
}
table, th, td {
    width: 100%;
    color: #ffffff;
    /*border: 1px solid #ffffff;*/
}

.select1 {
    background: transparent;
    color: #ffffff;
    border: 1px solid #999 !important;
}

    .select1 option {
        background: #333;
        color: #f2f2f2;
    }
/*.select1 option:checked {
        background: transparent;
        color: #c5a86a;
    }*/

select {
    background: transparent;
    color: #c5a86a;
}

    select option {
        background: transparent;
        color: #c5a86a;
    }

.form-control-text {
    background: transparent;
    color: #ffffff;
    border: 1px solid #999 !important;
}

    .form-control-text .input-group-addon {
        color: #ffffff !important;
    }

input {
    color-scheme: dark;
}

.catering-form  {
  
}

@media (min-width:340px) {
    .catering-form .row {
        display: list-item !important;
        flex-wrap: wrap !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 50px;
        /*text-align:center;*/
    }
}

@media (min-width:576px) {
    .catering-form .row {
        display: list-item !important;
        flex-wrap: wrap !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 50px;
        /*text-align: center;*/
    }
}

@media (min-width:768px) {
    .catering-form .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

@media (min-width:992px) {
    .catering-form .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

@media (min-width:1200px) {
    .catering-form .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}


@media (min-width:992px) {
    .cls-titles {
        padding-right: 0px !important;
    }
}

@media (min-width:1200px) {
    .cls-titles {
        padding-right:0px !important;
    }
}