@media (max-width: 1900px) {
        .white.dishes.Homepage {
            height: 975px ​!important;
        }
        a.VirtualQueue {
            background-color: #ffc011d1;
            color: #360024;
            /* height: 50px;
            min-width: 150px;
            padding: 12px 15px;
            font-size: 22px; */
        }

        
    }

@media (max-width: 1599px) {

    .h-orderbx-rw .h-orderbx-wrp .h-orderbx-cont h4{margin-bottom: 18px;}
    .h-orderbx-rw .h-orderbx-cont .order-btn{padding: 12px 40px;font-size: 20px;}
    .head-h2{font-size: 26px;}
    .h-img-info-wrp .head-h2{line-height: 36px;}
    .h-welcont-col .wel-head .whead{font-size: 43px;}
    .h-welcont-col .wel-head {   margin-bottom: 29px;}
    p{line-height: 28px;font-size: 18px;}
    
    
    .h1, h1{font-size: 43px;}
    .h2,h2{font-size: 26px;}
    .h3,h3{font-size: 26px;}
    .h4,h4{font-size: 22px;}
    
    
    .head-h1{font-size: 43px;}
    .head-h2{font-size: 26px;}
    .head-sub{font-size: 26px;}
    
    
    .h-welcom-sec .lcol {
        padding-right: 20px;
    }
    .h-welcom-sec .rcol {
        padding-left: 20px;
    }
    ul.header-menu li{margin: auto 12px;}
    .main_menu > ul > li > a{font-size: 22px;}
    .header .orderOnlineBtn{font-size: 22px;padding: 10px 20px;}
    .app-btn img {   width: 50px;}

    
    }
    @media (min-width: 1599px) {
    
        .app-btn img {
            width: 50px;
        }
    }
    @media (max-width: 1440px) {
    
    header .head-inr, .h-orderbx-rw .container{width: 90%;}

    .dishes-page .left{padding-left: 25px;}
    .dishes-page .right{padding-left: 48px;}
    .stylMmenuTitle{font-size: 38px;}
    .prdTitle{font-size: 21px;}
    .dishes-page .right .tab-pane .row > div {   margin-bottom: 65px !important;}

    .white.dishes.Homepage {
        height: 810px !important;
    }
    .app-btn img {
        width: 50px;
        margin: 0px 5px;
        cursor: pointer;
    }
    
    .hg_cart {
        float: left;
        margin: 2px 0px 0 0px;
    }
    }
    
    
    @media (max-width: 1300px) {
    
    .h-orderbx-rw .h-orderbx-cont .order-btn {padding: 12px 34px; font-size: 18px; }
    .h-welcom-sec{padding-top: 90px;}
    .h1, h1{font-size: 39px;}
    .h2,h2{font-size: 24px;}
    .h3,h3{font-size: 24px;}
    .h4,h4{font-size: 21px;}
    
    
    .head-h1{font-size: 39px;}
    .head-h2{font-size: 24px;}
    .head-sub{font-size: 24px;}
    .h-welcont-col .wel-head .whead {   font-size: 39px;}
    .h-img-info-wrp .head-h2 {  line-height: 30px;}
    .homepageMapover .hmapover-div{font-size: 22px;line-height: 32px;}
    .header-col-right .app-btn img {    width: 50px;}
    .header .orderOnlineBtn{font-size: 21px;padding: 10px 22px;}
    .head-inr ul.header-menu li{font-size: 21px;margin: auto 8px;}
    ul.header-menu > li:last-child {
        margin-left: 0!important;margin-right: 0!important;
     
    }
    ul.header-menu li > a > li {   margin: auto 7px auto auto!important;}
    .header > .header-container{height: 171px;}
   .dishes-page .right {   padding-left: 35px;}
   .stylMmenuTitle { font-size: 36px;}
   .dishes-page .prdTitle{font-size: 20px;}
   .dishes-page .right .tab-pane .row > div {  margin-bottom: 50px !important;}
   .sign-btm-spc {   margin-bottom: 155px;}
   .main_menu > ul > li > a{font-size: 21px;}
   .head-logo img {   width: 145px;}
   ul.header-menu li > a > li {   margin:auto !important;}

    
    
    }
    
    @media (max-width: 1199px) {
    
        i.fa.fa-calendar.calenderIcon {
            position: absolute;
            right: 25px;
            font-size: 25px;
            margin-top: 10px;
            top: 74px;
        }
    ul.header-menu li{font-size: 22px;margin: auto 12px;}
    .header .orderOnlineBtn{font-size: 22px;padding: 10px 26px;}
    .head-logo img {   width: 132px;}
    ul.header-menu li img {   width: 310px;}
    .h-orderbx-rw .container{width:96%;}
    .head-h2 {   font-size: 22px;}
    .h-orderbx-rw .h-orderbx-cont .order-btn {padding: 8px 32px; font-size: 17px; }
    .main_menu > ul > li > a{font-size: 20px;}
    .head-inr ul.header-menu li{margin: auto 6px;}
    .header .orderOnlineBtn {font-size: 20px; padding: 8px 14px; }
    .header-col-right .app-btn img {   width: 50px;}
    .header-col-right .hg_cart{margin-right: 12px;}
    .dishes-page .left {   padding-left: 0;}
    .dishes-page .tab-content-menuitem .prd-s {padding-left: 0 !important; padding-right: 0 !important; }
    .cat-page > .container{width: 90%;}
    .dishes-page .right {   padding-right: 0;}
    .tabs-left li a p{max-width: 200px;}
    .dishes-page .left {-ms-flex: 0 0 280px; flex: 0 0 280px; max-width: 280px;}
    .dishes-page .right {-ms-flex: 0 0 calc(100% - 280px); flex: 0 0 calc(100% - 280px); max-width: calc(100% - 280px);}
    .stylMmenuTitle {   font-size: 34px;}
    .header-col .header-col-right{margin-left: 6px;}
    .add-booktab-btn-wrp .tab-content{padding: 40px 0 0px;}

    
     }




    @media (max-width: 1023px) {

        .head-logo img {   width: 109px;}

     }
    
    
    @media (min-width: 1024px) {
        .book-btn:first-child a {
        
            /* color: #fff;
            font-size: 12px;
            white-space: nowrap;
            background-image: url(../images/reservation-btn.png);
            background-image: url(../images/btn-green.png);
            line-height: 15px; */
            width: 70px;
            /* background-position: center; */
            /* padding: 7px 7px; */
            /* background-size: 100%; */
            /* background-repeat: no-repeat; */
            /* font-family: 'balbeerrustic'; */
            /* text-align: left; */
            height: 40px;
        }
    }
    
    
    
    
    
    
    @media (min-width: 1480px) {
        .vegi img {
            height: auto;
            width: 24px;
        }
    }
    
    @media (max-width: 1480px) {
        .vegi img {
            height: auto;
            width: 40px;
        }
    }
    
     @media (max-width: 1450px) {
         .dishes-page .right .tab-pane .row > div{max-width:50%}
         .tab-content-menuitem .prd-img {
            height: 200px;
            max-height: 200px;
        }
    }
    @media (max-width: 1400px) {
        .tabs-left li a p {padding-left:0px;}

    .vegi img {
        height: auto;
        width: 35px;
    }
    
    }



    @media (max-width: 1366px){
        .col-m-3.head-logo img {
            width: 150px;
            height: 70px;
        }
        .app-btn img {
            width: 50px;
        }

        .white.dishes.Homepage {
            height: 782px !important;
        }
    }
    
    @media (max-width: 1360px) {
        .tabs-left li a img {
            max-height: 50px;
    max-width: 50px;
    margin-right: 10px;
    object-fit: cover;
    object-position: center;
            /* max-height: 45px;
            min-width: 50px;
            margin-right: 10px; */
        }
        .header { padding-bottom: 0; }
        .headr-banr h1 {	bottom: 0px;	font-size: 38px;	line-height: 35px;	margin-left: 20px;}
    }
    
    @media (max-width: 1300px) {
        .vegi img {
            height: auto;
            width: 35px;
        }
    }
    @media (max-width: 1298px) {
        .vegi img {
            height: auto;
            width: 30px;
        }
    }
    
    @media (max-width: 1298px) {
        .vegi img {
            height: auto;
            width: 27px;
        }
    }
    @media (max-width: 1116px) {
        .vegi img {
            height: auto;
            width: 24px;
        }
    }
    @media (max-width: 1199px) {
        .book-btn:first-child a {
            width: 135px;
        }
        .logoContainer {   max-width: 86px;margin:0 10px;}
        .logoImg {  max-width: 100%;}
    
        .vegi img {
            height: auto;
            width: 20px;
        }
        .prd-cont .vegi img {
    height: auto;
    width: 20px;
}
    
        .content_wrap{min-height: 700px; padding: 20px;}
        .btn-medium {	font-size: 18px;}
    .change-password {	padding: 10px 50px 0 0;}
    .checkout .left h1, .all-order h1, .user h1 {	font-size: 32px;}
    
    
    .product-single.br {		margin-top: -60px;}
    .product-single.dr {		margin-top: -60px;}
    .product-single.ds {	padding-top: 110px;}
    .product-single.dr a h2::before {	background-size: 45px;		top: 5px;	left: 30px;}
    .all-products h2 {		font-size: 17px;}
    .product-single.br a h2::before {
        background-size: 40px;
        height: 114px;
        left: -40px;
        padding-top: -45px;
    }
    .product-single.ds a h2::before {	background-size: 35px; top: 10px;}
    .product-single.gb a h2::before {	background-size: 55px;	top: 20px;}
    .product-single.mp a h2::before {		background-size: 75px;	right: -50px;}
    
    .checkout .right h1 {	font-size: 23px;margin-bottom: 20px;}
    .checkout .right {	padding-left: 30px;}
    .custom-control-label {	font-size: 16px;}
    .delivery-div .radio-div {	margin-bottom: 20px;}
    .chosen-container-single .chosen-single span {	font-size: 14px !important;}
    .chosen-container {	padding: 7px 10px;}
    .form-control {	font-size: 14px;}
    ::placeholder {  font-size: 14px;}
    :-ms-input-placeholder { font-size: 14px;}
    ::-ms-input-placeholder { font-size: 14px;}
    .custom-control-label {	font-size: 13px;}
    .total-div .row .col1 {	width: 60%; padding-right: 5px;font-size: 14px;}
    .total-div .row .col2 {	width: 40%;	padding-left: 20px;font-size: 14px;}
    .total-last .col1, .total-last .col2 {	font-size: 16px !important;}
    
    .dishes-page .left h2 {	font-size: 26px;	padding: 30px 60px;	line-height: 26px;}
    .tabs-left li a {	padding: 0px}
    .tabs-left li a p {	font-size: 19px;	max-width: 150px;	margin-right: 20px;	line-height: 21px;		min-width: 110px;}
/*    .dishes-page .row {	margin: 0;}*/
    .dishes-page .right {	padding-right: 15px;}
    .tab-content {	padding: 60px 40px;}
    .inner-banner-cont h1 {	font-size: 44px;	line-height: 42px;	text-transform: uppercase;	margin-bottom: 20px;}
    .inner-banner-cont .list-btn li {	font-size: 19px;}
    .tab-content .prd-cont h3 {	font-size: 23px;}
    .white .loginimg a {display: block; margin-bottom: 10px;}    
    .pop-dialog .prd-img img {max-width:90%}
    .pop .pop-dialog .prd-img img { max-width: 100%;}
    .modal-content .price-btns a{font-size: 12px;}
    .logo {	padding: 0 15px 0 0;}
    
    
    
    .btns-head {	width: 60px;}
    .book-btn img{ max-width: 60px; }
    
    .header { padding-bottom: 0; }
    .headr-banr h1 {	bottom:0px;	font-size: 35px;	line-height: 31px;}
    .logoImg{max-width: 100% !important}
     
    
    
    }
    /*@media screen and (min-width:1024px){
        .header {
            padding-top: 325px;
        }
        .headr-banr {
            padding-top: 83px;
        }
    }*/
    @media screen and (min-width:1002px){
        
        .main_menu .header-menu,
        .main_menu{display:flex;}
    }
    
    
    
    @media (max-width: 1001px) {

        

        .header-col .header-col-right {
            position: absolute;
            right: 0px;
            top: 1px;
        }
        .header > .header-container{z-index: 99999;}
        .tabs-left li a p{min-width: 180px;}
        .head-logo {
            position: relative;
            min-width: 100%;
            text-align: center;
        }
        .head-logo img {
            width: 113px;
        }
        .app-btn { display: none; }
        .head-logo {position: relative;  margin: 0 auto;  }
        body .head-inr .lines-button {position: absolute; left: 10px;  top: 50%;  margin-top: -18px;    }
        .head-inr .header-col{position: static;}
    .main_menu ul li.desktop { display:none;}
    header .head-inr{position: relative;}
    .price-btns{width: 60%} 
    body .lines-button { margin-right: 3px;position: static;padding: 0;}
    .main_menu {float: left; padding-left: 0; padding-right: 0; position: absolute; text-align: center; height: auto; background:#000000; z-index: 99; width: 100%; left: 0;top: 110%;}
    .mean-nav {background: #000; float: left; position: absolute; top: 30px; width: 290px; right: 0;}
    .main_menu ul { padding: 0; margin: 0; width: 100%; list-style-type: none;  display: none;}
    .main_menu ul li { position: relative; float: left; width: 100%; margin-left: 0;}
    .main_menu ul li a { display: block; float: left; width: 100%; padding: 9px 15px; margin: 0; font-size:21px; text-transform:uppercase; text-align: left; color: #fff; border-bottom:1px solid #ffffff4a; text-decoration: none;}
    .main_menu ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
    .main_menu ul li a:hover {color: #fff;}
    .main_menu ul li a.mean-expand { width: 36px; height: 36px; border: none !important; padding: 6px 5px 3px 5px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; font-family:Verdana, Geneva, sans-serif; }
    .lines-button { display:block; }
    .navigation {float:none}    
    .ab_header{padding:11px 30px;}
    .ab_hm_footer { padding: 82px 0 0 20px}
        .head-inr .greenBtn.mediumBtnLbl { margin-right: 50px;}
        .logo.mobile {   max-width: 130px;margin-left: 0;    max-width: 90px;
            padding-top: 19px;}
        .vegi img {
            height: auto;
            width: 30px;
        }
    .lines-button { display:block; }
    .navigation {float: right;margin-top: 27px;margin-bottom: 5px;width: 0px;margin: 0px;}
    .loginimg{width: 100%}    
    .loginimg img {height: 36px;margin-right: 18px; padding-right: 10px;}    
    .hg_footer .ftr_md ul li a,
    .hg_footer h6,    
    .hg_footer .ftr_right .mail_link{font-size: 16px;}    
    .hg_footer .subscribe_btn{font-size: 14px;padding: 5px 20px}  
        .white .loginimg img {height: 35px;}
    /* .user .left, .user .right {	padding: 0 110px;} */
    .user .left {	margin-bottom: 40px;}
    .table thead th {	font-size: 18px;}
    tbody tr td {	font-size: 15px;}
    
    .product-single.ds {	padding-top: 70px;	padding-bottom: 50px;}
    .product-single.ds a h2::before {		right: -40px;}
    .product-single.dr a h2::before {	left: 0;}
    .product-single.mp a h2::before {	right: -30px;}
    .product-single.br a h2 {	margin-top: 10px;}
    .product-single.br a h2::before {	left: -30px;}
    
    .checkout .left {	border-right: none;	background: none; padding-right: 0px;}
    .total-div .row .col1 {	width: calc(100% - 150px);}
    .total-div .row .col2 {	width: 150px;}
    .checkout-div .buttons-checkout a {	width: auto;	float: right;	margin-right: 20px;	padding: 7px 20px;}
    
    .dishes-page .left {	-ms-flex: 0 0 35%;	flex: 0 0 35%;	max-width: 35%;}
    .dishes-page .right {	-ms-flex: 0 0 65%;	flex: 0 0 65%;	max-width: 65%;}
    .dishes-page .left h2 {	padding: 30px 50px;}
    .tabs-left li a {	padding: 0;}
    .inner-banner-cont .list-btn li img {    margin-top: 10px;display: block;margin: 5px auto;width: 40px;height:auto;}
    .pop-dialog .prd-cont h3{margin-bottom: 10px; font-size: 32px;}
    .modal-dialog{max-width: 650px;margin: 1.75rem auto;}
    header{padding:0 0px 0 0px}
    .product-single.mp img{height: 200px;}
    .product-single.dr a h2{padding-right:5px}
    .product-single.gb img{width: 190px;}
    .product-single.ds img{width: 300px;}
    .product-single.br img{width:200px;}

    .inner-banner-cont h1 {	font-size: 37px;	line-height: 32px;}
    .inner-banner-cont .list-btn li {	font-size: 14px;}
    .inner-banner-cont {	top: 60%;}
    .inner-banner {
        margin-top: -142px;
    }
    .white .loginimg a {display: block;}    
    label.google { width:305px}
    .user .right{ padding: 0 10px;}
        /*28-5-2020*/
       /* .main_menu ul.firstul{display:none}
        
        .main_menu {position:absolute;right: 0;top:45px;width: 100%}
        .main_menu > ul > li > a{background:#000}
        .main_menu ul li a {display: block;float: left;width: 100%;padding: 9px 15px;margin: 0;font-size: 14px;text-transform: uppercase;text-align: left;color: #fff;border-bottom: 1px solid #353535;text-decoration: none;}
        .main_menu > ul > li{width:100%;margin-left: 0;border-bottom: 1px solid #000;background: #000;position: relative}
        .white .main_menu > ul > li.current_page_item > a, .white .main_menu > ul > li:hover > a {background: #353535;color: #fff;}
        .main_menu > ul > li > a{color:#fff;}
        .main_menu > ul > li > ul{display:none !important}
        .main_menu > ul > li.open > ul{display:block !important}
        .main_menu > ul > li > a:hover{background: #353535;color: #fff;}
        .main_menu ul ul{top: 0;width: 100%;position: relative;height: auto !important;float: left;}
        .main_menu > ul > li:hover > ul{top:0;background: #000}
        .main_menu > ul > li ul li a {color: #fff;padding-left: 32px;font-size: 14px;}
        .main_menu > ul > li ul{opacity: 1;visibility: visible}
        .main_menu ul ul li {display: block;position: relative;border-bottom: none;float: left;width: 100%;}
        .accordion-toggle {position: absolute;right: 0;top: 0;width: 34px;height: 37px; }
         .accordion-toggle::after {content: "+";color: #fff;font-size: 26px;margin-top: -4px;display: inline-block;}
        .main_menu > ul > li.open .accordion-toggle::after{content:"-"}
        .main_menu ul ul a:hover{border-color:#353535}*/
        .mobileMenu{
            display: block;
        }
        .hg_cart {
            display: none;
        }

             .table tbody tr td {	font-size: 16px;}
    
        .product-single.mp{margin-left: 0px; margin-right:0px}
        .product-single.dr a h2 {margin-left: 0px;}
        .product-single.gb {
            width: 40%;
            margin-top: -80px;
            margin-left: 0px;
        }
        .product-single.br {
            margin-top: -90px;
            margin-left: 60px;
        }
    
        .lines-button { display:block; }
    .navigation {float:none}	
    .meanclose .lines::before {	/*transform: rotate(218deg) translate(-27px, 12px) !important;*/ transform: rotate3d(0, 0, 1, 45deg) !important; transform-origin: 50% 50% 0;}
    .meanclose .lines::after {	/*transform: rotate(138deg) translate(-30px, -9px) !important;*/ transform: rotate3d(0, 0, 1, -45deg) !important; transform-origin: 50% 50% 0;}
    .meanclose .lines::before, .meanclose .lines::after {	transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;}
    .meanclose .lines {		height: 0;}
    
    /*menu*/
    .lines-button.x2.active.meanclose .lines::after {	transform: rotate3d(0, 0, 1, -45deg);transform-origin: 50% 50% 0;}
    .lines-button.x2.active.meanclose .lines::before {	transform: rotate3d(0, 0, 1, 45deg);transform-origin: 50% 50% 0;}
    .lines-button.x2.active.meanclose .lines::before, .lines-button.x2.active.meanclose .lines::after {		transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;	width: 100%;}
    .lines-button.x2.active.meanclose span {	height: 0;}
    .mean-nav ul li a {	padding: 3px 35px;	font-size: 17px;	line-height: 43px;	color: #322827;}
    .mean-nav ul li.current_page_item a {color: #fff;}
    .mean-nav {	background: #fff;	float: left;	position: fixed;	top: 76px;	width: 100%;	left: 0;	}
    .fixnav .header .navigation {	padding: 30px 0;}
    .mean-nav .firstul {	position: fixed;	background: #fff;	height: 100%;   padding: 00px 0; }
    
    
    /*header*/
    .btns-head {		margin-right: 30px;}
    .lines-button {	padding: 20px 13px;}
    
    .mobile { display: block; }
    /* .desktop { display: none; }
    .navigation .logo-desktop {	display: none;} */
    footer {	z-index: 9;	position: relative;}
    .headr-banr h1 {bottom: 0px; font-size: 31px; line-height: 27px; }
    .hg_cart {
        display: block !important;
    }
    /* .hg_cart a {
        background: none !important;
        display: block !important;
        height: auto !important;
        width: 100% !important;
    }
    .hg_cart a::after {
        content: "cart";
    } */
    body .main_menu ul ul {
        position: relative;
        /* display: block !important;
        opacity: 1 !important;
        visibility: visible; */
        top: 0;
        width: 100%;
    }
    body .main_menu ul ul li {
        border-bottom: none;
    }
    body .main_menu ul ul li:last-child a {
        border: none !important;
    }
    /* body .main_menu ul li li a {
        padding-left: ;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);    
    } */
    body .main_menu ul li li a {
        width: 100%;
        padding-left: 28px;
        color: white;
    }
    body .main_menu ul ul li:last-child a {
        border: none !important;
    }
    body .main_menu ul ul {
        opacity: 1;
        visibility: visible;
        padding-left: 0;
        display: none;
        float: left;width: 100%;
        background: none
    }
    .accordion-toggle {
        position: absolute;
        right: 0;
        top: -1px;
        width: 30px;
        text-align: center;
    }
    .main_menu ul li > a > li.open .accordion-toggle::after{content: "-"}
    .accordion-toggle::after {
        content: "+";
        font-size: 26px;
        font-family: arial;
    }
    .main_menu ul ul li:hover{background: none}
    .main_menu ul ul a:hover{border-bottom: 1px solid #ffffff4a}
    .main_menu ul li > a > li {margin-top: -8px; margin-bottom: -8px;}
    .main_menu ul li li li a { padding-left: 31px;}
    .main_menu ul ul{display: none;}
    
    .hg_cart span {
        /* display: none; */
    }
    .itemFooter.checkout {
        margin-right: 0px;
        padding-left: 0px;
    }
    .buttons-checkout a {
        font-size: 18px;
        /* margin-right: 40px;
        padding: 10px 15px; */
    }
    .price-btns-details {
        background: none;
        order: 4;
        padding-top: 0px;
        margin: 0px;
        width: 100%;
    }
    .head-inr {
        padding-left: 20px;
    }
    .buttons-checkout{
        margin-bottom: 20px;
        /* margin-left: 30px; */
    }
    .checkout-div .buttons-checkout .btn.btn-primary {
        font-size: 18px;
        background-size: 250px 45px;
    }
    .book-btn a.mobile {    display: none;}
    .btns-head {    margin-right: 0;    position: absolute;    right: 90px;    top: 27px;    width: auto;}
    .btns-head .book-btn .desktop{display: none;}
    body .lines-button{margin-top: -11px;margin-right:15px;}
    ul.header-menu > li > a li a.user{height: auto; background: transparent; font-size: 21px; display: block; width: 100%;}
    body .main_menu ul ul{padding-top: 10px;}

    header .header-container > .head-inr {   padding-left: 0;}
    
    .head-inr ul.header-menu li{margin: auto;}
    .h-orderbx-rw .container {  width: 100%;}
    .h-welimg-col::after{height: 84%;top: 45px;background-size: contain;}
    .h-welcom-sec .h-welimg-col {  position: relative;}
    .h-orderbx-rw .h-orderbx-wrp .h-orderbx-cont h4 {   margin-bottom: 12px;}
    .head-h2 {   font-size: 20px;}
    .h-orderbx-rw .h-orderbx-cont .order-btn {padding: 8px 29px; font-size: 15px; line-height: 1.25; }
    .h-welcom-sec{padding: 65px 0;}
    .h-welcom-sec .lcol {   padding-right: 15px;}
    .h-welcom-sec .rcol {   padding-left: 15px;}
    .h-welcont-col .wel-head .whead {font-size: 30px;}
    .h-welcont-col .wel-head {   margin-bottom: 25px;}
    .h-welcont-col p {   margin-bottom: 25px;}
    p { line-height: 27px;   font-size: 17px;}
    .h-img-infocont > .container{width: 100%;}
    .h-img-info-wrp .head-h2{font-size: 18px;line-height: 1.4;}
    .homepageMapover .hmapover-div{font-size: 20px;line-height: 30px;}
    .hmapover-div:not(:last-child) {   margin-bottom: 25px;}
    .homepageMapover img {   width: 320px;}
    .h-map-sec iframe{height: 568px;}
    .header > .header-container {   height: 148px;}
    .header .orderOnlineBtn {font-size: 21px; padding: 8px 17px; border-radius: 0; background: transparent; color: #fff; }
    ul.header-menu > li > a.user{background: transparent; color: #fff; width: auto;display: block;width: 100%; height: auto; text-indent: initial; font-size: 21px; margin: 0;}
    
    .main_menu > ul > li:hover > ul {
        top: 0px;
    }
    .listOffersTtl >.row > .col > p {
        margin: 15px 0px 15px 5px;
        font-weight: 700;
      }
      .listOffersCHKrow {
        margin: 10px -50px 14px 5px;
      }
      .content p {
            font-family: 'intro_head_rbase';
            line-height: 35px;
            font-size: 26px;
            text-align: justify;
        }
        .static-possition-dl ul {
            display: block;
            position: fixed;
            top: 45%;
            background-color: #00000099;
            width: 40px;
            right:0%;
          }
          
          .static-possition-dl ul li {
            padding: 10px 0px;
          }
    }
    
    
    @media (max-width:991px) {
        .content p {
            font-family: 'intro_head_rbase';
            line-height: 35px;
            font-size: 26px;
            text-align: justify;
        }

        .dishes-page .right .tab-pane .row > div {max-width: 100%; margin-bottom: 0 !important; }
        .prd-s {   margin-bottom: 50px;}
        .stylMmenuTitle {   font-size: 27px;}
        .tabs-left li a p {min-width: inherit; max-width: 117px; }
        .sign-btm-spc {   margin-bottom: 100px;}
        .headr-banr .inner-hero-head h1{font-size: 50px;}

        ul.nav.tabs-left.sideways ul li a {
            margin: 25px -40px;
            line-break: auto;
        }
        .dishes-page .tab-content-menuitem .prd-img {
            margin-bottom: 13px;
            position: relative;
        }
        .heartIcon.rounded-circle {
            background: #ffffff;
            width: 50px;
            height: 50px;
            padding: 8px;
            text-align: center;
            cursor: pointer;
        }
        .favHeart {
            position: absolute;
            bottom: -31px;
            left: 50%;
            margin-left: -25px;
        }

        .itempopup_heartIcon i {
            font-size: 32px;
          }
          .itempopup_favHeart {
            position: absolute;
            bottom: 45px;
            left: 50%;
            margin-left: -25px;
          }
          .itempopup_heartIcon.rounded-circle {
            background: #ffffff;
            width: 50px;
            height: 50px;
            padding: 8px;
            text-align: center;
            cursor: pointer;
          }
          .contactBox1 {
            text-align: center;
        }
    }
    
    
    
    @media (max-width: 767px) {
        body {	font-size: 16px;}
        .col-lg-9.col-md-9.orderDetailSideLine{background: none!important;}
        .book-btn-grp .buttons-checkout {  padding: 0 !important;}
        .pop-dialog .prd-cont h3{margin-bottom: 10px;font-size: 22px;}
        .pop-footer {padding: 15px 30px;}
        .product-single.mp img{/*height: 335px;*/width:auto;}
        .product-single.gb img{width: 220px;}
        .product-single.ds img{width: 220px;}
        .totalAmount{font-size: 1.20rem;width: 90%;
            text-align: center;
            display: block;
            margin: auto;}
        .dlvTo {
            font-size: 22px
        }
        header {
            padding: 0 0px 0px 0px;
        }
        .pop-footer button {font-size: 18px;
            margin-right: 14px;}
        .pop-footer p {font-size:20px; text-align: center; float: none;padding-bottom: 5px;}
        /* .modal-dialog{max-width: 650px;margin: 12.75rem auto;} */
        /* .add-qntity label  */
    .hg_logo{width:100%;text-align: center}
    .hg_logo img{width: 250px;}   
    .navigation{width:auto;}    
    .signupwrap h1{font-size: 30px;}    
    .signupwrap{margin: 40px 0}    
    .loginimg{margin:0}
    .form-group label{font-size: 14px;}    
    .signupwrap .form-group {margin-bottom: 15px;}    
    .btn-big {padding: 10px 40px;font-size: 18px;}   
    /* .btn{padding: 10px 40px;font-size: 18px;width: 90%; margin:5px 0px;}    */
    .btn{ padding: 10px 15px; font-size: 18px; width: auto;margin: 5px 0px; }   
    .btn.tiny{margin:0px 0px;}   
    .modal-footer button button {padding: 10px 0px;font-size: 18px; margin:5px 0px;}
    .signin .btn{padding: 10px 0px;font-size: 18px;max-width:130px; margin:5px 0px;}   
    .signup .btn{padding: 10px 0px;
        font-size: 18px;
        width: 130px;
        margin: 5px 0px;}
    .loginimg img{width: 50px;margin: 0;height: auto}    
    .loginimg h6{margin-bottom: 10px;font-size: 14px;}    
    .hg_footer{padding:30px 0}    
    .hg_footer .row > div{margin-bottom: 20px;text-align: center;border-bottom: 1px solid #353434;padding-bottom: 20px}    
        .hg_footer .row > div:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0}    
    .footerlogo{margin: 0 auto;float: none;display: inline-block}    
    .hg_footer .ftr_md{padding-left: 15px}    
    .hg_footer .ftr_right ul {text-align: center;margin-bottom: 0}
    .hg_footer .ftr_right ul li{float:none;display: inline-block;}
    .hg_footer .ftr_md ul{margin-bottom: 0}
      .white .loginimg img {height: auto; width: 70px;}    
      .white .loginimg a {display: block;}    
    .loginwrap{margin: 40px 0}    
    .loginwrap h1 {font-size: 30px;}    
    .loginwrap .loginimg {margin: 30px 0}
    .white .loginimg img{padding-right: 16px; margin: 5px 0px;}    
    .user .left, .user .right {	padding: 0 15px;}
    .user  {	margin: 40px 0;}
    .all-order {	margin: 40px 0;}
    .change-password {
        padding: 10px 20px 0 0;
        font-size: 14px;
    }
    .checkout .left h1, .all-products h1, .user h1, .all-order h1  {
        font-size: 18px;text-align: center;
    }
    .user .btn-medium {
        width: 100%;
        margin-bottom: 10px;
    }
    .user .form-group {
        margin-bottom: 15px;
    }
    .card-detail {	font-size: 14px;	line-height: 23px;}
    .user .right .form-group .card-name {	padding: 9px 0px;}
    .user .form-group.pwd {	margin-bottom: 40px;}
    .table thead {	display: none;}
    .table table, .table  tbody, .table  th, .table  td, .table  tr {	display: block;}
    .table td::before {	position: absolute;left: 6px; padding-right: 10px;	white-space: nowrap;	content: attr(data-column);	color: #000; font-size: 16px; font-family: 'kg_happyregular';}
    .table tbody td {	border: none;	border-bottom: 1px solid #eee;	position: relative;	padding-left: 50% !important;}
    .table tr {	border-bottom: 1px solid #000;	padding: 20px 0;}
    .table tbody tr td {	font-size: 16px;}
    
    .meanclose .lines::before {	/*transform: rotate(218deg) translate(-27px, 12px) !important;*/ transform: rotate3d(0, 0, 1, 45deg) !important; transform-origin: 50% 50% 0;}
    .meanclose .lines::after {	/*transform: rotate(138deg) translate(-30px, -9px) !important;*/ transform: rotate3d(0, 0, 1, -45deg) !important; transform-origin: 50% 50% 0;}
    .meanclose .lines::before, .meanclose .lines::after {	transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;}
    
    .meanclose .lines {		height: 0;}
    
    .product-single {	width: 100% !important;	float: left;padding: 0 15px !important;}
    .product-single a {	display: block !important;}
    .all-products {	margin: 50px 0;	}
    .product-single a h2::before {	display: none;}
    .all-products h2 {		width: 100%;	text-align: center;	min-width: 100% !important;	padding: 0 !important; margin-bottom: 20px;}
    .product-single.dr a h2 {	text-align: center;}
    .design-back {	background: url("../images/product-back-mbl.png");	background-size: cover;	background-position: center;	background-repeat: no-repeat;}
    .product-single.br .ps-inn {	width: 100%;	text-align: center;}
    .product-single.gb {	width: 50%;	margin-top: 0;	margin-left: 0;}
    .product-single.dr {	margin-top: 0;}
    
    .checkout-div .buttons-checkout a {	width: 100%;	float: right;	margin-right: 20px;	padding: 7px 20px;}
    .checkout {	margin: 10px 0;}
    .prod-img {	text-align: center; margin-bottom: 20px;}
    .checkout .check-div .single-prod p {	max-width: 100%;}
    .checkout .check-div .single-prod a {	margin: 0 0px 20px 0;	}
    .checkout .check-div .single-prod h2 {	font-size: 19px;}
    .quontity {	font-size: 17px; margin-top: 0px; margin-bottom: -25px;}
    .checkout .check-div .single-prod a {	
        font-size: 14px;
        display: inline-block;
        width: auto;
        padding-right: 25px;
        padding-left: 25px;
        margin-left: -14px;}
        .checkout-div .buttons-checkout {
            display: flex;
            justify-content : center;
        }
    .checkout .check-div .single-prod a:last-child {
        margin-left: -14px;
    }
    .checkout .right {	padding-left: 15px;	padding-right: 15px;}
    .total-div .row .col2 {	width: 100px;}
    .total-div .row .col1 {	width: calc(100% - 100px);}
    .checkout-div .buttons-checkout a {	width: 100%;	float: left;	margin-right: 0;}
    
    .dishes-page .left {	-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .dishes-page .right {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .inner-banner .w-100 {	min-height: 350px;	width: 100%;	object-fit: cover;	object-position: center;}
    .inner-banner-cont h1 {	font-size: 20px;	line-height: 22px;}
    .inner-banner-cont .list-btn li {	font-size: 16px;	margin: 0 3px; text-align: center;}
    .inner-banner-cont .list-btn li img {	margin-top: 10px;	display: block;	margin: 10px auto; width: 30px;}
    .inner-banner-cont {	top: 65%;}
    
    .dishes-page .left h2 {
        padding: 20px 30px;
        font-size: 20px;
    }
    .tabs-left li a p {
        font-size: 16px;
        max-width: inherit;
        margin-right: 20px;
        line-height: 16px;
        min-width: 200px;
    }
    .tabs-left li a img {
        width: 50px;
    }
    .tabs-left li a {
        /* padding: 10px 30px; */
        padding: 10px 100px;
        display: flex;
        vertical-align: middle;
        align-items: center;
    }
    
    .modal-dialog .prd-cont p {		font-size: 15px;	line-height: normal;margin: 0 0 20px 0 !important;}
    .tab-content .modal-dialog .prd-cont h3 {	font-size: 18px;}
    .plate-div h4 {	font-size: 18px;}
    .modal-dialog {	max-width: 90% !important;    margin: -0.25rem auto;}
    .plate-div li {	width: 100%;}
    .tab-content {
        padding: 30px 10px;
    }
    .tab-content .modal-body {
        padding: 13% 11% 4%;
    }
    .modal-header {		height: 30px;	width: 30px;right: -15px;
        top: -15px;
        padding: 8px 8px;}
    .modal-header .close {		font-size: 25px;	margin-top: -12px;}
    .container1 {	margin-bottom: 8px;	font-size: 14px;	line-height: 27px;margin-right: 10px;}
    .modal-body .plate-div {	margin-bottom: 0px;}
    .add-qntity input {	height: 38px;	width: 50px;		font-size: 28px;	line-height: 38px;}
    .add-qntity .minus, .add-qntity .plus{	width: 30px;	height: 38px;	font-size: 28px;	line-height: 32px;}
    .add-qntity label{	width: 38px;	height: 38px;	font-size: 28px;	line-height: 40px;}
    .modal-content .price-btns {	display: block;}
    .modal-content .price-btns a {margin-bottom: 10px;	font-size: 17px !important;	width: 50% !important;	float: left;	margin-right: 0 !important;	padding: 10px !important;}
    .add-qntity .number {	margin: 0 0px 0px 0;}
    
    .modal-footer {	padding: 20px 30px;	display: block;}
    .modal-footer p {		font-size: 20px;	margin-bottom: 15px !important;}
    .modal-footer button {	font-size: 20px;	padding: 5px;}
    
    .inner-banner {
        margin-top: -182px;
            }
            label.google { width:269px}
    
    .product-single.ds {margin-bottom: 85px;}
    .product-single.dr a h2{min-height:5px;}
    
    .paymentButtonDiv {
        width: 100%;
        float: none;
        margin: 0 auto;
        max-width: 500px;
    }
    /* .paymentButtonDiv .paymentButton { 
        width: 80%;
    } */
        .dishes-page .left {
    position: relative;
    top: 0;
    height:auto;
    }
    .signup .btn-medium:last-child {	float: none;}
    .all-product{	border-right: none; border-bottom: 1px solid #aea9a9;}
    .prod-img img {max-width: 60%;}
    .buttons-checkout.menuItem a {margin-bottom:0px !important; max-width:48%; }
    .buttons-checkout.menuItem .btn-medium {margin-bottom:0px !important; max-width:48%; margin-right:0px !important; margin-left:auto !important;}
    .custom-control-inline.min-width-300 {min-width:180px}
    .alertButtonDiv{ width: 100%; margin-bottom: 10px; display:flex; justify-content: center;}
    /* .alertButtonDiv a {margin:10px 10px; font-size: 16px;} */
    .alertButtonDiv a {font-size: 16px; margin: 0px 10px;}
    .alertButtonDiv a.fullWidth {width:50%;}
    .btn-primary {
        background-size: 100% 40px;
    }
    
    .poupButton {min-width: none;}
    .modal-content .price-btns {
        width: 100%;
        float: left;
        text-align: center;
        padding-left: 0;
        padding: 0px 10px;
        margin-bottom: 15px;
    }
    .loader{
        left:43%;
    }
    .avocadoDiv {
        width: 100%;
        text-align: center;
    }
    .imgAvocado img {
        width: 70px;
    }
    .modal .item-div p {font-size:16px;}
    .loc-popup div h3 { padding-right: 25px;}
    .product-single.gb a {text-align: center;}
    .product-single.dr a {text-align: center;}  
    .product-single.mp a {text-align: center;}
    .product-single.dr a h2 {margin-left: 0px;}
    .product-single.dr img {width:auto;height: 200px;}
    .product-single.mp{margin-left: 0px; margin-right:0px}
    .address-popup h3 {font-size: 16px;}
    .product-single.br {
        margin-top: -90px;
        margin-left: 0px;
        }
    .prd-img img{max-width:90%;}
    .product-single.mp a h2 {
        text-align: center;}
        .container {	width: 94%;}
    .lines-button {	padding: 17px 10px 16px 0;}
    .btns-head {	width: 145px; }
    /* .logo {	padding: 0;	width: 70px;} */
    .mean-nav .firstul {	padding: 0px 0;	top: 65px;}
    .header {
        padding-bottom: 79px;
        background-position: left;
    }
    .headr-banr h1 {
        bottom: 0px;
        font-size: 21px;
        line-height: 21px;
    }
    
    
    /*new css*/
    
    footer h4 { font-size: 15px;        margin-right: 0;}
    footer .sign-up-div .signup-input { min-width: 100%;    float: left;    margin-top: 13px;}
    footer .social {margin: 20px 0; flex-wrap: wrap;}
    footer .soc1 {  font-size: 15px;    width: 50%; float: left;    margin: 10px 0;}
    footer .brn {   width: 100%;    float: left;    justify-content: space-around;}
    footer .brn li {    margin: 10px;}
    footer .f-menu li a {   font-size: 11px;}
    footer .f-menu li {     min-width: 50%; margin: 3px auto;}
    footer .f-menu li::after {      right: -9px; display: none;} 
    footer .f-menu {    height: auto;}
    footer .book-ftr {  height: auto;}
    footer .red-inr {   margin: 20px auto;  display: block;}
    
    
    .container {    width: 94%;}
    .lines-button { padding: 17px 10px 16px 0 !important;}
    .btns-head {    width: 145px; }
    
    .mean-nav .firstul {    padding: 0px 0; top: 65px;}
    .header {
        padding-bottom: 79px;
        background-position: left;
    }
    .col-md-8.right {
        margin-top: 20px;
    }
    .tab-content-menuitem {
        padding-top: 0px;
    }
    .headr-banr h1 {
        bottom: 0px;
        font-size: 21px;
        line-height: 21px;
    }
    .tab-pane .prdTitle {
        order: 1;
        text-align: left;
        width: 100%;
    }
    .tab-pane .prdDesc {
        order: 2;
        text-align: left;
        width: 100%;
    }
    .tab-pane .vegi {
        order: 3;
        width: 100%;
        justify-content: left;
        margin-left: -10px;
    }
    .stylMmenuTitle {
        display: none;
    }
    .tabs-left li a p { 
        color:#000000;
    }

    .buttons-checkout .btn-primary, .buttons-checkout .trans-btn {
        background-size: 100% 40px;
    }
    .buttons-checkout {
        text-align: center;
    }
    .buttons-checkout a {
        font-size: 14px;
        margin-right: 0px;
        padding: 10px 40px 10px 15px;
    }
    .single-prod .buttons-checkout a {
        padding: 10px 15px 10px 15px;
        margin-left: auto !important;
    }
    .desktop {margin-left: 0px; }
    .loginwrap p {
        margin: 20px 35px -30px;
        font-size: 18px;
        color: #4ccdee;
        }
    .delivery-div .lblTime {
        padding-left: 3px;
    }
    .inner-banner-cont .list-btn li {
        font-size: 15px !important;
        margin: 0 4px !important;
    }
    
    
    /*31-05-21*/
    .h-orderbx-rw .h-orderbx-wrp{margin-top: 25px;}
    img.bannerHomeImg{top: 0;}
    .h-orderbx-rw{margin-top: 0;}
    .prd-cont .greenBtn.smallBtnLbl.qty{text-align: center;}
    .col-md-8.right{padding-left: 15px;padding-right: 15px;background: none;}
    .cat-page > .container {   width: 100%;}
    .dishes-page .row{margin: 0;}
    .dishes-page.cat-page .tabs-left.sideways > li {   margin-bottom: 0;}
    .dishes-page.cat-page .tabs-left.sideways a p {width: auto; padding: 12px 0; font-size: 18px; }
    .cat-page > .container {width: 100%; padding: 0; }
    .dishes-page.cat-page .tabs-left.sideways > li{padding-right: 0;}
    .inner-banner .inner-banner-cont{width: 100%;}
    .inner-banner-cont .list-btn li a{font-size: 14px;color: #000;flex-direction: column-reverse; }
    .inner-banner-cont .list-btn li a:hover {   color: #000;}
    .inner-banner-cont .list-btn li a img {   margin-right: auto;}
    .user.sign-btm-spc.reset-pwd {  margin-top: 40px;}

    .book-ava-date-wrp {   margin-top: 25px;}
    .book-ava-date-wrp h1 {   margin-bottom: 20px !important;}
   .book-ava-date-wrp  span.bkTblDate{display: inline-block;margin-top: 5px;}
    .book-ava-date-wrp  .select-ave-txt {    margin-bottom: 20px;}
    .checkpay-table {   margin-top: 25px;}
    .tab-book-charges hr {   display: none;}
    span.bkTblDate{font-size: 17px;}
    .tab-book-charges h4{font-size: 17px;}
    .add-booktab-btn-wrp .tab-content{padding: 0;}
    .add-booktab-btn-wrp {margin-top: 40px;}
    .add-booktab-btn-wrp .add-booktab-btn {float: left; width: 100%; margin-bottom: 20px; text-align: center; }
    .add-booktab-btn-wrp .nav-tabs{width: 100%;}
    .add-booktab-btn-wrp .nav-tabs .nav-item {display: block; width: 100%; border: none; border: 1px solid #eee;border-radius: 10px;
height: 40px;text-transform: capitalize;text-align: center; }
    .add-booktab-btn-wrp .nav-tabs .nav-item:not(:last-child) {   margin-bottom: 10px;}
    .add-booktab-btn-wrp .nav-tabs .nav-item.active {
        background: #000000;
        border-color: #000000;
        color: #fff;
    }
    .add-booktab-btn-wrp .all-order{margin-bottom: 0;}

    .hmapover-wrp .hmapover-social {
        margin-top: 20px;
    }


      .itempopup_favHeart {
        position: absolute;
        bottom: 45px;
        left: 50%;
        margin-left: -25px;
      }
      .itempopup_heartIcon.rounded-circle {
        background: #ffffff;
        width: 50px;
        height: 50px;
        padding: 8px;
        text-align: center;
        cursor: pointer;
      }

    .col-md-12.col-lg-6.center .checkoutBtn .buttons-checkout {
        padding: 0px;
        margin: 15px 0px
    }

    .header-col .header-col-right {
        position: absolute;
        right: 0px;
        top: 32px;
    }
    .container_orderDetails .all-order {
        padding-top: 0px;
        background: url(../images/dotblack.png) repeat-x bottom left;
    }
    h1.stylMmenuTitle.favMenutitle {
        display: block;
    }
    .signupwrap a.btn.btn-primary.btn-large, .loginwrap a.btn.btn-primary.btn-large{
        width: 100%;
      }
      .fa {
        font-size: 26px !important;
        background-color: white !important;
        z-index: 1 !important;
      }
      svg:not(:root).svg-inline--fa {
        overflow: visible;
        z-index: 1!important;
        font-size: 24px!important;
        margin-top: 4px!important;
      }
      nav.braedCrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        color: #6c757d;
        content: "\f105";
        font-family: 'FontAwesome';
      }
      nav.braedCrumbs ol.breadcrumb {
        background-color: white;
      }
      .tabs-right.right>h5 {
        display: none;
    }
    .listOffersTtl >.row > .col > p {
        margin: 15px 0px 15px 35px;
        font-weight: 700;
      }
      .listOffersCHKrow {
        margin: 10px -50px 14px 35px;
      }
      .content p {
        font-family: 'intro_head_rbase';
        line-height: 35px;
        font-size: 26px;
        text-align: justify;
    }

    .contactBox1 {
        text-align: center;
    }
    .contactBox2 {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .contactBox2 a.btn.btn-primary.btn-large {
        margin-top: 20px;
        width: 100%;
    }
    /*new css end*/
    

    span.timeSloatBox {
        border: 1px solid black;
        border-radius: 26px;
        display: block;
        text-align: center;
        margin: 10px;
        padding: 10px;
    }
    .iframePayNow {
        margin: 128px 0px 0px 0px;
        height: 700px;
    }

    .h-orderbx-rw.innerpageThreeCardBoxBtn {
        margin: 25px 0px;
        text-align: center;
    }

    .footersmart {
        margin-top: 30px;
    }
    
}
    @media (max-width: 560px) {
        .tabs-left li a {
            padding: 10px 30px;
        }
        .modal-content .price-btns a {
            width: 70% !important; 
            float: none;
        }
    }

      @media (max-width: 480px) {
        .flex-btn-group{display: block;}
        .tab-book-charges table {   margin: 0;}
        .prd-cont .greenBtn.smallBtnLbl.qty{padding: 10px 25px !important;}
        .inner-banner-cont .list-btn li a{margin: auto;font-size: 12px;}
        .dishes-page .prdTitle {   font-size: 17px;}
.flex-btn-group.flex-dir-mob-rev {
    flex-direction: column-reverse;
    display: flex;
}
.flex-btn-group.flex-dir-mob-rev .buttons-checkout {
    width: 100%;
}
        .book-btn-grp .buttons-checkout button {   margin-bottom: 0;}
        

     }

    
    @media (max-width: 359px) {
        .modal-content .price-btns a {
            width: 90% !important;
            font-size: 14px !important;
        }
        .Loc .btn-small {
            font-size: 14px;
        }
    }
    @media (max-width: 375px) {
        i.fa.fa-calendar.calenderIcon {
            position: absolute;
            right: 25px;
            margin-top: 10px;
            top: 106px;
        }
        .tabs-left li a {
            padding: 10px 20px;
        }
        .vegi img {
            height: auto;
            width: 20px;
        }
    .inner-banner-cont .list-btn li {	font-size: 13px;}
    .loader{
        left:38%;
    }
   
    .greenBtn.smallPopupBtnLbl.actionbtn {
        max-width: 120px;
        font-size: 12px;
        padding: 6px 30px;
    }

    .homepageMapover .hmapover-wrp {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 9;
        left: 0;
        color: #fff;
        width: 100%;
        max-width: 272px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        padding: 30px 0 76px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hmapover-div:not(:last-child) {
        margin-bottom: 12px;
    }

    .homepageMapover .hmapover-div {
        font-size: 15px;
        line-height: 32px;
    }

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

        .book-btn:first-child a{width:145px;}
        .col-m-3.head-logo img {
            width: 140px;
            height: 70px;
        }

        .white.dishes.Homepage {
            height: 634px !important;
        }

        .header .orderOnlineBtn {
            font-size: 20px;
            padding: 6px 12px;
        }

        .head-inr ul.header-menu li {
            margin: auto 5px;
        }

        .col-m-3.head-logo img {
            width: 100px;
            height: 50px;
        }

        ul.header-menu > li > a.user {

            background-size: 40px;
            cursor: pointer;
        }
        ul.header-menu > li > a li a.user {
            background-size: 40px;
            cursor: pointer;
        }
        .header-col .header-col-right {
            margin-left: 6px;
        }
        .header-col-right .hg_cart {
            margin-right: 6px;
        }
        .white .hg_cart a {
            background: url(../images/shopping-cart.png) no-repeat;
            background-size: 40px;
            width: 40px;
            height: 40px;
            display: inline-block;
        }
        .main_menu > ul > li > a img {
            margin: auto;
            height: 40px;
            margin-top: 0px;
            font-size: 0;
            width: 40px;
            cursor: pointer;
        }

        .header-col-right .app-btn img {
            width: 40px;
        }

        .hg_cart {
            position: relative;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            margin: 0px 8px;

            position: relative;
            border-radius: 12px;
            padding: 0px;
        }

        footer {
            background: url(../images/bg/footer.png);
            background-size: 120% 250px;
            background-position: center;
            background-repeat: no-repeat;
            height: 250px;
            display: flex;
            align-items: center;
        }
    
     }
     @media (min-width: 992px) and (max-width: 1199px){
    
        .navigation {    margin: auto 0 auto 0;}
       .btns-head {    width: 160px;}
       .book-btn:first-child {    width: 40%;}
           .book-btn:nth-child(2) {    width: 74%;}
           .book-btn .desktop img {    max-width: 100%;    width: 100%;    height: auto;    margin: auto;}
           
         /*  .book-btn:first-child a {
    
            color: #fff;
            font-size: 10px;
            white-space: nowrap;
            background-image: url(../images/reservation-btn.png);
            background-image: url(../images/btn-green.png);
            line-height: 9px !important;
            width: 60px !important;
            background-position: center;
            padding: 5px 7px;
            background-size: cover !important;
            background-repeat: no-repeat;
            font-family: 'balbeerrustic';
            text-align: left;
        }*/
       }
     @media (min-width: 768px) and (max-width: 992px){
        i.fa.fa-calendar.calenderIcon {
            position: absolute;
            right: 25px;
            font-size: 25px;
            margin-top: 10px;
            top: 42px;
        }
        .btns-head {      width: 200px;}
        /* .book-btn:first-child() {    width: 35%;}
        .book-btn:nth-child(2) {    width: 65%;} */
        .book-btn:first-child {    width: 40%;}
        .book-btn:nth-child(2) {    width: 74%;}
        .book-btn .desktop img {    max-width: 100%;    width: 100%;    height: auto;    margin: auto;}
        .main_menu > ul > li > a li a.user, .main_menu > ul > li > a.user{ background: none;        height: auto;        margin-top: 0px;
           width: auto;}

           .custCircle {
            width: 25vw;
            height: 25vw;
            border-radius: 50%;
            margin: auto;
            position: relative;
        }
        .ernstamp {
            width: 14vw;
            height: 14vw;
            border-radius: 50%;
            margin: auto;
            position: relative;
            background-color: #291c1d;
        }
        .checkout .row {
            margin: 0;
        }

        .ROImgBox {
            margin: auto;
            width: 50%;
            position: relative;
        }
        .rewardPoints {
            position: absolute;
            top: 32%;
            left: 32%;
        }
        nav.braedCrumbs ol.breadcrumb {
            background-color: white;
        }
        nav.braedCrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            color: #6c757d;
            content: "\f105";
            font-family: 'FontAwesome';
        }
        button.btn.btn-primary.btn-medium.vQbtn {
            width: 100%;
        }
        .rewardPoints h3 {
            font-size: 22px;
            color: #ffffff;
        }
        .rewardPoints h2 {
            font-size: 24px;
            color: #ffffff;
        }
        .enjoyRewardRow {
            width: 80%;
            margin: 0px 22%;
        }
        .custCircle p {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -25px;
            margin-top: -12px;
            color: rgb(255, 255, 255);
        }
        .VLRowBox {
            margin: 40px 0px;
        }
        .orderImg {
            display: none;
        }
        ul.subCategory {
            float: right;
            padding-left: 36px;
        }
        ul.nav.tabs-left.sideways ul li a {
            margin: 1px -25px;
            line-break: auto;
        }

        .listOffersTtl >.row > .col > p {
            font-weight: 700;
            text-align: center;
        }
        .listOffersCHKrow {
            margin: 20px -50px 20px 67px;
        }
        .content p {
            font-family: 'intro_head_rbase';
            line-height: 35px;
            font-size: 26px;
            text-align: justify;
        }
        .iframePayNow {
            margin: 128px 0px 0px 0px;
            height: 700px;
        }
        .white.dishes.Homepage {
            height: 474px !important;
        }

        .footerLeftSide{
            text-align: left;
            margin-top: 20px;
          }
          
          .footerLeftSide a{
            color: #fff;
            font-size: 14px;
          }

          .footerMenu a:after, .footerTCP a:after{
            content: '|';
            margin: 0px 10px;
          }

          .footersmart a {
            text-align: center;
            color: #fff;
            font-size: 14px;
            margin: 20px 0px;
          }

          .footerMenu a:last-child::after, .footerTCP a:last-child::after, { content:''; }

          .hmapover-social.FooterSocialICon {
            margin-top: 60px;
            float: right;
          }

          .innerpageThreeCardBoxBtn {
            margin-top: 50px;
            margin-bottom: 70px;
        }

        /* .h-orderbx-rw.innerpageThreeCardBoxBtn {
            margin-top: 100px;
          } */
          .h-orderbx-rw.innerpageThreeCardBoxBtn.conatctBox {
            margin-top: 60px;
          }
          .h-orderbx-rw.innerpageThreeCardBoxBtn.conatctBox .h-orderbx-wrp {
            margin-top: 0px;
          }
          .h-orderbx-wrp.innerpageThreeCardWrp {
            margin-top: 0px;
          }

          .hmapover-wrp .hmapover-social {
            margin-top: -80px;
            position: initial;
        }
    
    } 
    @media (max-width: 767px) {
        .orderImg {
            display: none;
        }
        .header > .header-container {   height: 54px;}
        body .head-inr .lines-button{margin-top:-34px;}
        .header.hideMenu {
            height:70px;
        }
        .lines{width:24px;}
        .lines:before, .lines:after{width:24px;height:2px;top:8px;}
        .lines-button .lines:after {top: -8px;  }
        body .head-inr .lines-button{left:0}
        .headr-banr{ margin-top: 60px;}
        .nonsticy.fixnav .header {
            max-height: 100%;
        }
        .head-logo img {
            width: 130px;
        }
        .hero__block {	display: -ms-flexbox;	display: block;}
    .hero__col {	margin-bottom: 20px;		min-width: 100%;	width: 100%;}
    .hero__content {	column-count: 1;}
    
        body .lines-button {    margin-top: 10px;    }
        .flexible-box__row {	display: block;	min-height: auto;}
        .flexible-box__col {	width: 100%; padding: 30px;	text-align: center !important;}
        .flexible-box__col.image {	height: auto;}
    
        .book-btn a.mobile{display: block;}
        footer .book-ftr .star {		margin: auto;	}
        .content_wrap { padding-top: 60px;padding-bottom: 60px;}
        .logoImg{max-width: 30%;height: auto;width: auto} 
    
        .logoImg {max-width: 91px;}
        .headr-lbl h1{font-size: 30px;}
    .header {padding-bottom: 30px; padding-top: 12px; background-size: 180%; background-position: 0px 84px;}
        .loginwrap {margin: 60px 0;}
        footer .book-btn {margin: 10px 10px;}
        .signupwrap.aos-init.aos-animate {margin-top: 10px;}
        .nav.tabs-left.sideways {display: flex;flex-wrap: inherit;overflow:auto;}
    .tabs-left li a img {display: none;}
    .tabs-left > li{white-space: nowrap;width: auto;}
    .tabs-left li a p{background: none;min-width: 0;}
    .tabs-left li a {padding: 0;width: auto!important;min-width: 0 !important;}
    .nav.tabs-left.sideways{padding: 0 14px;}
    .tabs-left li a p.active{background: none;}
    .tabs-left li a p {width: auto;padding: 12px 0;font-size: 14px;}
    .nav.tabs-left.sideways {padding: 7px 14px;background: url("../images/dotblack.png") repeat-x top left;background-size: 9px;}
    .dishes-page .left {background: url("../images/dotblack.png") repeat-x bottom left; background-size: 9px;}
    .dishes-page .right .tab-pane .row > div{padding: 0}
    .tab-content-menuitem{padding-right: 0;padding-bottom: 0}
    .prd-img {float: left;width: 100%; }
    .prd-cont { overflow: hidden;text-align: left;display: flex;justify-content: center;
        flex-wrap: wrap;}
    .price-btns{margin:0;width: 100%;background: none;padding: 0}
    .dishes-page .right .tab-pane .row > div {padding: 0; margin-bottom: 0 !important; background: url("../images/dotblack.png") repeat-x bottom left; background-size: 8px; }
    .tab-pane .prd-s {margin-bottom: 19px;}
    .pop-content .prd-img{max-width: 100%}
    .pop .prd-cont {overflow: visible; text-align: left; padding: 10px 15px; float: left; width: 100%;}
    .itemFooter .btn.btn-SignIn.btn-price {background-size: 100% 30px; font-size: 20px; width: auto; padding: 0 20px;}
    .itemFooter{width:100%;flex-wrap: wrap;background: none;}
    .itemFooter .QtyDiv{min-width: 0}
    .itemFooter .QtyDiv .QTYLabel {color: rgb(192, 56, 123, 1.0); padding-top: 0px; font-family: 'balbeerrustic'; margin: 0; font-size: 26px; display: inline-block; padding-left: 10px; padding-right: 10px;}
    .itemFooter .QtyDiv label{margin-bottom: -22px;}
    .itemFooter .lbl{font-size:25px;
        margin-top: 9px;
        margin-right: 2px;}
        .greenBtn.smallPopupBtnLbl.actionbtn {
            padding: 7px 20px;
        }
    .itemFooter .prdPriceAmt{font-size:25px;}
    .itemFooter .btn.btn-SignIn.btn-price{margin-left: auto;font-size: 16px;
        padding: 4px 30px !important;}
    .itemFooter .QtyDiv { width: 100%;
    justify-content: center;
    margin-bottom: -8px;
    }
    .pop-dialog .prdTitle {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }
    .pop-dialog .vegi {
        width:100%;
        margin-top: 0px;
    }
    
    .pop-content .prd-img h4{font-size: 18px;}
    .logo.mobile{margin-left: auto;margin-right:auto;}
    .itemFooter .QtyDiv button{width: 31px;}
    .tab-content-menuitem .prd-img {
        height: 100px;
        width: 130px;
        margin-right: 10px;
        margin-left: -5px;
    }
    .tab-pane .prd-s {
        padding-top: 20px;
    }
    .header.hideMenu .headr-banr {
        display: none;
    }
    .header.hideMenu {
        /*background: none;*/
        padding-bottom: 10px;
    }
    .row .more-prod .buttons-checkout {
        margin: 0 auto;
    }
    .loc-popup .pop-dialog .prd-cont h3 {margin:0px 20px;}
    .close span {
        margin: 3px;
    }
    .btns-head {
        
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url(../images/btns-mob.png);
    background-repeat: no-repeat;
    background-position-y: -.7rem;
    background-position-x: center;
    background-size: cover; background-position: center;
    z-index: 1; top: 55px;}
    .btns-head .book-btn{flex-wrap: nowrap;display: flex;flex-direction: column; width: 50%;justify-content: center;}
    .head-inr { padding-bottom: 72px;}
    .btns-head .book-btn .desktop{display: none;}
    
    .btns-head .book-btn {
        font-size: 1.5rem;
        white-space: nowrap;
        width: 50%;
        background-image: none;
        height: auto;
        justify-content: center;
        align-items: center;
        margin: auto;padding: 11px;
    }
    .book-btn a {
        flex-wrap: nowrap;
        display: flex;
        flex-direction: column;
        font-size: 1.5rem;
        white-space: nowrap;
        font-weight: 400;
        width: 50%;
        background-image: none;
        color: #fff;
        font-size: 1.5rem;
        white-space: nowrap;
        line-height: 21px;
        display: block;
        width: 100%;
        height: auto;
        /* margin: auto; */
        /* flex-wrap: nowrap; */
        /* display: flex; */
        /* flex-direction: column; */
    }
    
    
    .book-btn a b {
        color: #f1e167;
        font-size: 8px;
        font-weight: 400;
        display: block;
    }
    .heading--md {
        font-size: 21px;
    }
    
    .head-inr {
        padding-bottom: 40px;
    }
    .logo.mobile {
    
        padding-top: 0;
    }
    .hg_cart {
        top: 22px;
    }
    
    body .lines-button {
        margin-top: -6px;
    }
    .book-btn:first-child a {
        width: 100%;
    }
    .btns-head {
        display: none;
    }
    .head-inr {
        padding-bottom: 0;
    }
    .content_wrap {
        padding-top: 0;
        padding: 0px;
        min-height: 700px;
    }
    .fixnav .head-inr {
        padding-bottom: 0;
    }
    .dishes-page .left {		top: 0;	margin-bottom: 10px;}
    .inner-banner {	margin-top: 137px;	position: absolute;	height: auto;	margin-bottom: 0;	float: left;	width: 100%; pointer-events: none;}
    .inner-banner .container {	padding: 0;	width: 98% !important;max-width: 98%;}
    .inner-banner-cont .list-btn {	width: 100%;	justify-content: space-around;}
    .h-orderbx-rw .h-orderbx-wrp{margin-top: 20px;}
    .headr-banr img.bannerHomeImg{height: 240px;object-fit: cover;}
    .header{background: transparent!important;}
    .white.dishes{background: transparent!important;}
    .header-col-right .hg_cart{top: -6px;margin-right:0}

    footer {
        height: 480px;
        background-size: 114% 82px;
        background-color: #000;
    }

    .footerLink a {
        color: #fff;
        font-size: 20px;
        display: block;
        line-height: 1.5;
      }
      .footerLeftSide a {
        color: #fff;
        font-size: 14px;
        display: block;
        line-height: 1.5;
      }

      .footersmart a {
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin: 20px 0px;
      }

      .hmapover-social.FooterSocialICon {
        padding-top: 40px;
        float: left;
    }
      .footerAddress {
        margin: 30px 0px;
    }
      footer .btmAddress {
        margin: 40px 0px;
    }
    .titleActive{
        display:block;
        font-size: 22px;
      }
    .innerbanner-wrp{display:none}
    .user{margin-top:0; margin-bottom: 0;}
    .h-welcom-sec {   padding: 50px 0;}
    .h-welimg-col {
        margin-bottom: 30px;
    }
    
    
    .white.dishes{background-size: 109% auto!important;height: auto !important;}
    .loginwrap .cust_sign_flex{display: block;}
    .form-group.cust_sign_flex.sign-col {margin-bottom: 30px;}  
    .signin #btnSignIn {   display: inline-block;     width: 100%;}
    .loginwrap .forgot{display: inline-block;margin-bottom: 10px;}
    .loginwrap .signup-rw .dont {display: inline-block; margin-bottom: 15px; }

    .custCircle {
        width: 31vw;
        height: 31vw;
        border-radius: 50%;
        margin: auto;
        position: relative;
    }
    .row.LoyltyHistoryBox {
        margin: 50px 0px;
        border-bottom: 1px solid black;
    }
    .ernstamp {
        width: 24vw;
        height: 24vw;
        border-radius: 50%;
        margin: auto;
        position: relative;
        background-color: #291c1d;
        padding: 50px;
    }
    .ernstamp p.text-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        font-size: 31px;
        color: #ffffff;
        font-family: 'intro_head_rbase';
    }
    .LoyltyHistoryTitle {
        margin: auto;
        text-align: center;
        margin-top: 12px;
    }

    .checkout .check-div .single-prod {
        margin-bottom: 25px;
        justify-content: center;
    }
    a.btn.btn-primary.trans-btn {
        margin: 10px;
        padding: 10px;
    }
    .alertButtonDiv .btn.btn-primary.btn-small.poupButton.fullWidth {
        margin: 10px;
        width: 50%;
    }

    .user.booktable-wrp.fo-btm-spc .QtyDiv .QTYLabel {
        color: rgb(0 0 0);
        padding-top: 24px;
        font-family: 'intro_head_rbase';
        margin: 0 0 0px 0 !important;
        font-size: 40px !important;
    }
    .vQImgBox h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 30px;
        margin-top: -23px;
        color: #fff;
    }
    .ROImgBox {
        position: relative;
        margin: auto;
    }
    .rewardPoints {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -46px;
    }
    .rewardPoints h3 {
        font-size: 18px;
        color: #ffffff;
    }
    .rewardPoints h2 {
        font-size: 20px;
        color: #ffffff;
    }
    ul.nav.tabs-left.sideways > li > a {
        /* position: absolute; */
        left: 15px;
        margin-top: 25px;
        /* margin-right: 5px; */
    }
    ul.nav.tabs-left.sideways > li:nth-child(2) > a {
        left: 100px;
        margin-top: 25px;
    }
    ul.subCategory {
        display: flex;
        width: 100%;
        margin-top: 66PX;
        overflow: auto;
        flex-direction: column;
    }
    ul.nav.tabs-left.sideways ul li a{
        margin: 0px;
    }

    .main_menu > ul > li:hover > ul {
        top: 0px;
    }
    body.modal-open .header > .header-container{
        z-index: 9999;
    }
    body.modal-open ul.nav.tabs-left.sideways{
        z-index: 0;
    }
    .dishes-page .tab-content-menuitem .prd-img {
        margin-bottom: 13px;
        position: relative;
    }
    .heartIcon i {
        font-size: 32px;
      }
    .heartIcon.rounded-circle {
        background: #ffffff;
        width: 50px;
        height: 50px;
        padding: 8px;
        text-align: center;
        cursor: pointer;
    }
    .favHeart {
        position: absolute;
        bottom: -31px;
        left: 50%;
        margin-left: -25px;
    }

    .itempopup_heartIcon i {
        font-size: 32px;
      }
      .itempopup_favHeart {
        position: absolute;
        bottom: 13px;
        left: 50%;
        margin-left: -25px;
      }
      .itempopup_heartIcon.rounded-circle {
        background: #ffffff;
        width: 50px;
        height: 50px;
        padding: 8px;
        text-align: center;
        cursor: pointer;
      }
      .custCircle p {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -25px;
        margin-top: -12px;
        color: rgb(255, 255, 255);
    }
    .VLRowBox {
        margin: 40px 0px;
      }
      i.fa.fa-clock.clockIcon {
        position: absolute;
        right: 25px;
        font-size: 25px;
        margin-top: 10px;
        top: 42px;
    }

    i.fa.fa-calendar.calenderIcon {
        position: absolute;
        right: 25px;
        font-size: 25px;
        margin-top: 10px;
        top: 75px;
    }
    .iframePayNow {
        margin: 128px 0px 0px 0px;
        height: 700px;
    }

    .footerLeftSide{
        text-align: left;
        margin-top: 20px;
      }
      
      .footerLeftSide a{
        color: #fff;
        font-size: 14px;
      }

      .footersmart a {
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin: 20px 0px;
      }

      .price-btns-details {
            display: inline-flex;
            vertical-align: middle;
            align-items: center;
            padding-top: 20px;
            background-size: 18px;
            border-top: none;
        }

        .col-m-3.head-logo img {
            width: 180px;
            height: 91px;
        }


        .followDiv h1 {
            font-size: 36px;
        }
    }
     /* @media (min-width: 768px){
        body {
            background: url(../images/desktop-bg.jpg) no-repeat;
            background-size: cover;
            background-position-x: center;
        }
        .greenBtn {
            display: -ms-inline-flexbox;
            font-size: 1.3rem;
            line-height: 1.1;
            height: 30px;
            padding: 0 3px;
        }
        .logoImg{max-width: 100px;height: auto;width: 100px;} 
        footer .book-btn {margin:0px 10px;}
     } */
     @media screen and (min-width:992px){
        .col-md-8.right .prd-s {
            text-align: center;
            padding: 0px 10px;
            /* margin-bottom: 20px; */
            position: relative;
            padding-bottom: 60px;
            /* height: calc(100% - 100px); */
            height: 100%;
        }
        .col-md-8.right .prd-cont .price-btns {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70%;
            /* margin-left: -105px; */
        }
        .col-md-8.right .prd-cont .price-btns-details {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70%;
            /* margin-left: -105px; */
        }

        .col-lg-4.col-md-12.mb-5 .prd-s {
            text-align: center;
            padding: 0px 10px;
            /* margin-bottom: 20px; */
            position: relative;
            padding-bottom: 60px;
            /* height: calc(100% - 100px); */
            height: 100%;
        }
        .col-lg-4.col-md-12.mb-5 .prd-cont .price-btns {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70%;
            /* margin-left: -105px; */
        }
        .col-lg-4.col-md-12.mb-5 .prd-cont .price-btns-details {
           position: absolute;
bottom: 0;
left: 0;
width: 90%;
margin: auto;
right: 0;
            /* margin-left: -105px; */
        }
        /* .col-md-8.right .prd-cont .price-btns {
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -105px;
        } */
    }

    /* @media only screen and (min-width: 1300px) and (max-width: 1600px)  {
        .white.dishes{
            max-height: 962px;
            min-height: 760px;
        }
        .app-btn img {
            width: 156px;
            margin-left: 15px;
            cursor: pointer;
        }
    } */

   
    @media screen and (max-width:480px){
        .h-welcom-sec {
            padding: 25px 0;
        }
        .followDiv h1 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .followDiv h1 {
            font-size: 25px;
        }
        a.followIntaBtn {
            color: #ffffff;
            font-size: 25px;
            line-height: 40px;
            background: #0095f6;
            border-radius: 10px;
            padding: 10px 25px;
            margin-left: 30px;
            font-family: 'helveticaneueregular';
        }
    }

    @media (max-width: 398px){
        i.fa.fa-calendar.calenderIcon {
            position: absolute;
            right: 25px;
            font-size: 25px;
            margin-top: 10px;
            top: 108px;
        }
     }