.profile-menu {
    display: none
}

.prf-list {
    display: block
}

.data-not-found {
    text-align: center;
    margin-top: 15px
}

.choice label {
    margin-bottom: 10px
}

.pr-sec-cont ul {
    margin-left: 15px
}

.prd-sm-sec2 .wrapper .wrapper {
    padding-left: 0;
    padding-right: 0
}

.hp-caption {
    height: 506px
}

.slick-dots {
    bottom: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-top: 16px
}

.mealsSec .wrapper,
.banner-home .wrapper {
    max-width: 1270px
}

.tabContainer .mainSlider01,
.tabContainer .mainSlider02,
.tabContainer .mainSlider03 {
    padding: 0 20px
}

.tabContainer .mainSlider01 .slick-prev,
.tabContainer .mainSlider02 .slick-prev,
.tabContainer .mainSlider03 .slick-prev {
    left: -45px
}

.tabContainer .mainSlider01 .slick-next .tabContainer .mainSlider02 .slick-next .tabContainer .mainSlider03 .slick-next {
    right: -45px
}

.mainSlider02 .slick-slide .items,
.mainSlider01 .slick-slide.slick-current .items,
.mainSlider03 .slick-slide.slick-current .items {
    max-width: 63.5%
}

.RecipeVariantsSec h3 {
    font-size: 30px
}

.mealTypes {
    max-width: 854px;
    margin: 0 auto
}

.flitersortList li li a:hover,
.flitersortList li li a.active {
    color: #0B109F;
    background-color: #f5f5f5
}

.varHide,
.filterByTab {
    display: none
}

@media only screen and (min-width:480px) {
    .upscNone.slick-initialized {
        display: block
    }

    .upscNone.slick-slider .slick-track {
        width: 100% !important;
        transform: translate3d(0, 0px, 0px) !important
    }

    .upscNone.slick-initialized .slick-slide {
        display: block;
        width: 25% !important
    }
}

@media only screen and (max-width:1600px) {
    .tab-container .col-7 {
        min-height: inherit;
        height: 750px
    }

    .tab-container .col-7:first-child {
        overflow-y: scroll
    }
}

@media only screen and (min-width:1368px) {
    .wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (max-width:1366px) {
    .wrapper {
        padding-left: 30px;
        padding-right: 30px
    }

    .topoprslider .contxt {
        height: auto;
        padding: 10px
    }

    .mainSliderSec .wrapper {
        padding: 0 55px
    }

    nav ul li a {
        margin: 0 10px
    }

    .subanner {
        background-size: auto 100%
    }
}

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

    .homepage .slick-arrow,
    .eveSlider .slick-arrow {
        bottom: -19px
    }

    .instaSlider .slick-arrow {
        bottom: -80px
    }

    .fliterRecipe ul li {
        width: 15.5%
    }

    .product-baner .fifty.fl-rt {
        height: 300px
    }

    .srchListPrd .col-3:nth-child(4n+1) {
        clear: none
    }

    .srchListPrd .col-3:nth-child(3n+1) {
        clear: left
    }

    .srchListPrd .col-3 {
        width: 33.3333%
    }

    .tabContainer .mainSlider02 .slick-prev,
    .tabContainer .mainSlider01 .slick-prev,
    .tabContainer .mainSlider03 .slick-prev {
        left: -30px
    }

    .tabContainer .mainSlider02 .slick-next,
    .tabContainer .mainSlider03 .slick-next,
    .tabContainer .mainSlider01 .slick-next {
        right: -30px
    }
}

@media only screen and (max-width:1200px) {
    /* .wrapper {
    padding-right:15px;
    padding-left:15px
    } */

    .rgtLink li {
        padding: 10px
    }

    nav ul li a {
        margin: 0 5px;
        font-size: 15px
    }

    .biryaniBanr .cp-box {
        top: 50%
    }

    .slider {
        padding: 0
    }

    .st-txt {
        font-size: 25px
    }

    .sub-menu.wd-size {
        right: -436px;
        width: 950px
    }

    .sub-menu.wd-size-1 {
        right: -230px
    }

    .sub-menu {
        right: -191px
    }

    .right-side {
        width: 320px
    }

    .right-side ul li a {
        font-size: 20px;
        padding: 10px 20px
    }

    .menu-insd-box {
        padding-right: 320px
    }

    .mega-box {
        padding: 40px 15px 0
    }

    .right-side ul li li a {
        padding: 10px 0;
        font-size: 14px
    }

    .mega-box .sm-title {
        font-size: 16px;
        padding-bottom: 8px
    }

    .chillin {
        margin-right: 20px
    }

    .careralldesc .resp-tabs-list li {
        font-size: 13px
    }

    .big-txt {
        font-size: 50px
    }

    .gry-cont .title {
        font-size: 30px
    }

    .ch-txt {
        font-size: 22px
    }

    .sd-box-1 {
        width: 33%
    }

    .sd-box-2 {
        width: 67%
    }

    .my-cart .st-gt-box .st-detail {
        width: 58%
    }

    .st-img1 {
        width: 30%;
        padding-right: 5%;
        margin-right: 0
    }

    .st-bx-0 {
        width: 55%
    }

    .label-1.address-section {
        padding-right: 160px
    }

    .link-adj {
        float: left;
        clear: both
    }

    .link-adj a.linkBtn {
        margin-left: 30px;
        margin-top: 15px
    }

    .my-cart .link-adj a.linkBtn {
        margin-left: 0
    }

    .sp-item {
        position: relative
    }

    .sp-btn-box {
        position: absolute;
        right: 0;
        top: 35px
    }

    .wishlist .col-sp {
        padding-right: 15px
    }

    .pr-list ul li:hover:after {
        height: 530px
    }

    .st-txt-1,
    .st-txt-1 span,
    .inr-bx {
        font-size: 16px
    }

    .st-txt-1 {
        padding: 15px 0 !important
    }

    .mdBtn {
        line-height: 34px
    }

    .pin-input {
        width: 60%
    }

    .shop-knw .mdBtn.blueBtn {
        margin-bottom: 10px;
        padding: 0 25px;
        width: auto
    }

    .cartBtn {
        padding: 0 25px;
        line-height: 34px;
        width: auto
    }

    .review-box {
        padding: 30px 15px 0
    }

    .press-list ul li {
        margin-right: 11%
    }

    .whtbg.pad30 {
        padding: 15px
    }

    .col-sp {
        padding: 10px;
        margin-top: 20px
    }

    .col-sp-bx {
        padding: 10px;
        margin: -10px -10px 0
    }

    .sp-item {
        padding-top: 20px
    }

    h4 {
        font-size: 25px
    }

    .eveSlider .slick-arrow.slick-prev {
        right: -21%
    }

    .eveSlider .slick-arrow.slick-next {
        right: -36%
    }

    .NewSec .eveSlider .slick-arrow.slick-prev {
        left: -89%;
        margin-left: -45px
    }

    .NewSec .eveSlider .slick-arrow.slick-next {
        left: -86%;
        right: initial
    }

    .dawaatSecProd.statSec .abs06,
    .dawaatSecProd.testMonils .abs06 {
        left: -65px
    }

    .dawaatSecProd.section-1 .abs06 {
        left: -68px
    }

    .dawaatSecProd.section-1 .abs08,
    .dawaatSecProd.section-3 .abs08.abs082 {
        right: -58px
    }

    .dawaatSecProd.section-3 .abs06 {
        left: -70px
    }

    .dawaatSecProd.section-3 .abs08 {
        right: -54px
    }

    .dawaatSecProd.statSec .abs08,
    .dawaatSecProd.testMonils .abs08 {
        right: -55px
    }

    .page_89 .dawaatSecProd .slide-box-1 .abs02,
    .page_89 .dawaatSecProd .slide-box-2 .abs02,
    .section-2 .abs08,
    .dawaatSecProd .slide-box-1 .abs02,
    .dawaatSecProd .slide-box-2 .abs02 {
        background-size: 55%
    }

    .dawaatSecProd .st-cont-box-1 {
        padding-bottom: 0
    }

    .row .col-7:first-child .st-cont-box-1 {
        padding-left: 0;
        padding-right: 15px
    }

    .wrapper .row .col-7:first-child .st-cont-box-1 {
        padding-left: 0;
        padding-right: 0
    }

    .TextSlider .st-cont-box-1 {
        padding-left: 0;
        padding-right: 0
    }

    .mainBaner .cp-box {
        top: 22%;
        transform: translateY(-22%);
        -webkit-transform: translateY(-22%);
        -moz-transform: translateY(-22%);
        -o-transform: translateY(-22%)
    }

    .availFeat li {
        padding-right: 0
    }

    .tabContainer .mainSlider02 .slick-prev,
    .tabContainer .mainSlider01 .slick-prev,
    .tabContainer .mainSlider03 .slick-prev {
        left: -12px
    }

    .tabContainer .mainSlider02 .slick-next,
    .tabContainer .mainSlider03 .slick-next,
    .tabContainer .mainSlider01 .slick-next {
        right: -12px
    }

    .hp-1 {
        width: 50%;
        top: 113px;
        left: 11%;
        height: 338px
    }

    .hp-2 {
        right: -1%;
        width: 46%;
        top: 142px;
        height: 338px
    }

    .hp-3 {
        width: 44%;
        left: 36%;
        top: 113px
    }

    .hp-1 img,
    .hp-2 img,
    .hp-3 img {
        height: 100%;
        width: auto;
        margin: 0 auto
    }

    .hp-2 img {
        height: auto
    }

    .hp-scrollPrd {
        left: 55%;
        margin-left: -25%;
        width: 50%
    }

    .hp-scrollPrd img {
        margin: 0 auto;
        width: 299px
    }

    .hp-text img {
        display: inline-block;
        max-width: 66%
    }

    .tab-container .st-cont-box-1 {
        padding: 15px 15px 10px !important
    }

    .topsecstrip ul li a {
        padding: 20px 0
    }
}

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

    .search-overley .wrapper,
    .sreach-list .wrapper {
        padding: 0 15px
    }

    .search-bar input {
        height: 80px;
        font-size: 46px;
        line-height: 80px;
        padding: 0
    }

    .srchListPrd img {
        max-height: 90px
    }

    .bhetrenSec .wrapper {
        min-height: 324px
    }

    .elevateSec {
        padding-bottom: 100px
    }

    .tablist li {
        width: 30%;
        margin: 0 15px
    }

    .hp-text {
        padding: 50px 0 0
    }

    .eveSlider.slick-slider .slick-list {
        padding: 0 100px 0 0 !important
    }

    .eveSlider .slick-arrow.slick-next {
        right: -38%
    }

    .flitersortList li {
        width: auto;
        padding: 0 8px
    }

    .cp-title {
        font-size: 48px;
        padding-bottom: 10px
    }

    .cp-box p {
        font-size: 24px;
        line-height: 32px
    }

    .proWrp p {
        width: 100%
    }

    .mainBaner .cp-box p {
        font-size: 22px;
        line-height: 30px;
        max-width: 84%
    }

    .cp-box {
        width: 60%
    }

    .ProdBanerSec01 .prodctPlatDish,
    .ProdBanerSec01 .col-8,
    .ProdBanerSec01 .col-6,
    .ProdBanerSec01 .col-65,
    .ProdBanerSec01 .col-35,
    .ProdBanerSec01,
    .catBoxHovrProd .catBox,
    .colm-2.colm-12.colm-0,
    .catBox .imgBox,
    .proWrp {
        height: 364px
    }

    .ProdBanerSec01 .col-8 .ovrtxt {
        width: 95%;
        left: 5%
    }

    .ProdBanerSec01 h2 {
        font-size: 35px
    }

    .ProdBanerSec01 p {
        font-size: 15px;
        line-height: 21px
    }

    .availFeat img {
        max-width: 66px
    }

    .availFeat li {
        font-size: 13px;
        line-height: 17px
    }

    .imgBox h3,
    .proWrp h2,
    .proWrp h3 {
        font-size: 26px
    }

    .catBoxHovrProd .colm-2.colm-12.colm-0 .catBox .textBlock {
        display: block;
        opacity: 0
    }

    .colm-2.colm-0 {
        width: 25%;
        overflow: hidden
    }

    .colm-2.colm-12.colm-0 {
        width: 25%;
        position: static
    }

    .catBoxHovrProd .colm-2.colm-12.colm-0 .catBox .imgBox {
        display: block
    }

    .proWrp p {
        font-size: 14px;
        line-height: 17px;
        width: 100%
    }

    .proWrp .linkBtn {
        padding: 0 25px;
        line-height: 36px;
        font-size: 16px
    }

    .product-baner .fifty.fl-rt {
        height: auto
    }

    .product-baner .banner_text {
        position: static;
        -ms-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        margin: 0 auto;
        padding: 15px 0
    }

    .timeline__nav {
        width: 58%
    }

    .tabContainer .mainSlider01,
    .tabContainer .mainSlider02,
    .tabContainer .mainSlider03 {
        padding: 0 50px
    }

    .prod-slick {
        top: -135px
    }

    .tab-container .col-7 {
        height: 600px
    }

    .topsecstrip ul li {
        width: 28%;
        margin: 0 15px
    }

    .topsecstrip li img {
        height: 50px
    }
}

@media only screen and (max-width:1023px) {
    .topoprslider .contxt {
        margin: 0 10px
    }

    .hp-caption {
        display: none !important
    }

    .hp-scrollPrd {
        display: none !important
    }

    .hp-text img {
        max-width: 60%
    }

    .hp-text {
        padding: 60px 0 0
    }

    .mealTypeSec .abs07 {
        left: -24px
    }

    .recipeVariantsContent th {
        padding: 20px
    }

    .recipeVariantsContent td,
    .recipeVariantsContent th {
        padding: 28px 15px
    }

    .recipeVariantsContent .ingredientsClass ul li {
        padding-left: 28px
    }

    .recipeVariantsContent ul li span {
        left: 28px
    }

    .recipeVariantsContent th h2.title01 {
        font-size: 24px
    }

    .recipeVariantsContent ul li {
        font-size: 16px;
        padding-left: 88px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .recipeVariantsContent ul li:before {
        font: normal 21px/1 FontAwesome;
        top: 1px
    }

    .mealTypes li {
        margin-right: 20px
    }

    .flitersortList li a {
        font-size: 16px
    }

    .tab-container .col-7 {
        height: 500px
    }
}

@media only screen and (max-width:1022px) {
    .color-bar {
        margin-right: 13px;
        margin-bottom: 10px
    }

    .inr-bx {
        padding-bottom: 15px
    }

    .pr-select {
        visibility: visible;
        opacity: 1;
        position: static
    }

    .prBtns {
        visibility: visible;
        opacity: 1;
        position: static
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 20px
    }

    h2.fnt-wt {
        font-size: 20px
    }

    .pr-list ul li {
        padding: 15px;
        margin-bottom: 15px
    }

    .pr-list ul li:hover:after {
        height: 100%
    }

    .sizechrt-wrap {
        padding: 37px 15px
    }

    .sizechrt-close {
        right: 0;
        top: 0
    }

    nav {
        display: none
    }

    .right-side {
        padding-top: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 100px
    }

    .right-side ul li:hover .menu-insd-box {
        width: 100%
    }

    .menu-insd-box {
        padding: 0;
        width: 100%;
        display: none;
        visibility: visible;
        opacity: 1;
        position: static
    }

    .mega-box {
        padding: 5px 20px 0;
        background: #0c109f
    }

    .right-side ul li {
        position: relative
    }

    .right-side ul li span.mn-tgl {
        text-align: center;
        width: 40px;
        height: 42px;
        background: #0c109f;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0
    }

    .right-side ul li span.mn-tgl:before {
        content: '\f107';
        font-family: 'FontAwesome';
        font-size: 25px;
        line-height: 44px;
        color: #fff
    }

    .right-side ul li li a {
        font-size: 15px;
        border-bottom: 1px solid #050878;
        display: block
    }

    .right-side .m-title {
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        padding-top: 20px
    }

    .right-side .m-logo.pad-top {
        padding-top: 0
    }

    .m-logo.ext-link a {
        font-size: 16px;
        color: #fff;
        padding: 20px 0 0;
        font-weight: 700
    }

    .right-side ul li .m-size a {
        padding: 0;
        display: inline-block;
        border: 0;
        font-size: 14px
    }

    .mbmenu {
        display: block
    }

    .tablist li {
        width: 28%
    }

    .tablist li a {
        padding: 20px 0
    }

    .vid2 a:before {
        margin-top: -75px;
        margin-left: -75px;
        width: 150px;
        height: 150px
    }

    .cupRiceList .cupRice {
        height: 370px;
        padding: 60px 0;
        font-size: 26px
    }

    .cupRiceList .cupRice img {
        height: 100%
    }

    .cupRiceList .cupRice.zero {
        font-size: 20px
    }

    .cupRice span {
        font-size: 26px
    }

    .cupRice strong {
        font-size: 24px
    }

    .proWrp .linkBtn {
        padding: 0 15px
    }

    .timeline__nav {
        width: 70%
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .cp-box p {
        font-size: 20px;
        line-height: 27px
    }

    .cp-link {
        margin-top: 20px
    }

    .cp-title {
        font-size: 44px;
        padding-bottom: 10px
    }

    .cp-link a {
        width: 154px;
        line-height: 44px
    }

    .mainBanerThumb {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0 auto
    }

    .availFeat li {
        font-size: 12px;
        line-height: 14px;
        width: 23%
    }

    .availFeat img {
        max-width: 79%
    }

    .cat-overshdw {
        padding: 12px
    }

    .proWrp p {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:979px) {
    .st-title {
        font-size: 20px;
        line-height: 30px
    }

    .heading01 {
        font-size: 25px
    }

    .lferelx-slidr h3 {
        font-size: 15px
    }

    .careralldesc .resp-tabs-list li span {
        padding: 0 12px
    }

    .big-txt {
        font-size: 40px
    }

    .img1 {
        left: -45px;
        width: 250px;
        top: -42px
    }

    .img2 {
        width: 120px;
        bottom: -10px
    }

    .about .choice {
        height: 88px
    }

    .ch-txt {
        line-height: 88px
    }

    .st-txt-1 {
        font-size: 15px
    }

    .sd-box-1 {
        width: 35%
    }

    .sd-box-2 {
        width: 65%
    }

    .my-cart .st-gt-box .st-detail {
        width: 58%
    }

    .st-img1 {
        width: 35%
    }

    .st-title-4 {
        font-size: 20px
    }

    .crt-inr {
        font-size: 17px
    }

    .crt-ord {
        font-size: 15px
    }

    .st-wtbx1 {
        padding: 20px
    }

    .st-total {
        font-size: 14px
    }

    .st-total-bx span.tot-ord {
        font-size: 17px
    }

    .st-total-bx span.tot-inr {
        font-size: 18px
    }

    .sm-cont {
        padding-right: 45px
    }

    .st-bx-1 {
        width: 201px;
        padding-top: 15px
    }

    .st-bx-0 {
        width: 50%
    }

    .st-wtbx {
        padding-left: 10px;
        padding-right: 10px
    }

    .st-total-bx {
        padding: 15px 20px
    }

    .grand-total {
        margin: 0 -10px
    }

    .label-1 {
        font-size: 16px
    }

    .st-gt-box .st-detail {
        width: 65%
    }

    .sp-btn-box a {
        width: 120px;
        font-size: 12px;
        line-height: 32px
    }

    .sp-img {
        width: 85px
    }

    .sp-img img {
        height: auto
    }

    .sp-detail {
        width: 155px
    }

    .whtbg.pad30 {
        padding: 10px
    }

    .col-sp {
        padding: 10px
    }

    .col-sp-bx {
        margin: -10px -10px 0;
        padding: 10px
    }

    .flex-col-1 {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    h4 {
        font-size: 25px
    }

    .pr-list ul li {
        width: 50%
    }

    .overview .col-5 {
        width: 310px
    }

    .thumb-slider {
        width: 86px
    }

    .porduct-box {
        padding-left: 100px
    }

    .pin-input {
        width: 100%;
        border-right: 1px solid #b5b5b5;
        font-size: 16px;
        height: 40px;
        margin-bottom: 10px
    }

    .checkBtn {
        width: 133px;
        height: 40px
    }

    .sp-row {
        width: 100%
    }

    .ft-social a {
        margin-bottom: 10px
    }

    .pr-sec01 {
        padding: 30px 0
    }

    header {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
    }

    .press-list ul li {
        margin-right: 5%
    }

    .brd-box-list .col-5 {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .sd-box-2 .wf-box {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .drop-categ {
        display: block;
        height: 47px;
        position: relative;
        padding: 15px;
        text-transform: uppercase;
        background: #000;
        color: #fff;
        margin-bottom: 15px
    }

    .drop-categ.current {
        background: #374a94
    }

    .drop-categ:before {
        content: '\f0c9';
        font-family: 'FontAwesome';
        font-size: 32px;
        color: #fff;
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 1;
        cursor: pointer
    }

    .prd-lsit-sec1 .col-2 {
        width: auto;
        float: none
    }

    .prd-lsit-sec1 .col-10 {
        width: auto;
        padding: 0 30px;
        float: none
    }

    .prd-lsit-sec1 .col-10:after {
        content: '';
        display: block;
        clear: both
    }

    .drop-box {
        display: none
    }

    .prd-lsit-sec1 {
        position: relative;
        padding-top: 55px
    }

    .prd-lsit-sec1 h1 {
        position: absolute;
        top: 0;
        left: 0
    }

    .pr-color span {
        width: 13px;
        height: 13px
    }

    .store-locator .cont-from {
        padding-right: 0
    }

    .location-list .center {
        padding-top: 10px
    }

    .prt-box {
        padding-bottom: 30px
    }

    .shorting {
        float: none;
        position: absolute;
        top: -4px;
        right: 0;
        z-index: 10
    }

    .linkBtn {
        padding: 0 20px;
        margin-right: 10px
    }

    .span-box .st-cont-box-1 {
        padding-top: 20px
    }

    .dawaatSecProd .linkBtn {
        padding: 0 13px;
        margin-right: 8px
    }

    .linkBtn.playBtn {
        padding-left: 0;
        padding-right: 13px
    }

    .block-list .sm-txt-1 {
        font-size: 17px
    }

    .vid2 a:before,
    .story-slider .videoPlyBtn a {
        margin-top: -60px;
        margin-left: -60px;
        width: 120px;
        height: 120px
    }

    .slide-cont .st-title {
        font-size: 22px
    }

    .srchListPrd .col-3 {
        width: 33.3333%;
        margin-bottom: 20px
    }

    .tablist li {
        width: 33%;
        margin: 0
    }

    .bhetrenSec .wrapper {
        min-height: 300px
    }

    .bhetrenSec .videoPlyBtn a {
        width: 140px;
        height: 140px
    }

    .bhetrenSec .videoPlyBtn {
        width: 140px
    }

    .eveSlider.slick-slider .slick-list {
        padding: 0 30px 0 0 !important
    }

    .eveSlider .slick-arrow.slick-prev {
        right: -29%
    }

    .eveSlider .slick-arrow.slick-next {
        right: -51%
    }

    .clientSliderThumb {
        width: 100%;
        margin-top: 0
    }

    .subanner .banner_text p {
        font-size: 40px;
        line-height: 40px
    }

    .formArea {
        padding: 30px 20px
    }

    .elevateSec .stbox-1 {
        padding: 0 15% 0 9%
    }

    .fliterRecipe ul li {
        width: 15.4%
    }

    .abs14,
    .abs01,
    .abs02,
    .abs03,
    .abs04,
    .abs05,
    .abs06,
    .abs07,
    .abs08,
    .abs09,
    .abs10,
    .abs11,
    .abs12,
    .abs13,
    .abs14 {
        background-size: 55%
    }

    .vplyBtn {
        margin-top: -50px;
        margin-left: -50px;
        width: 100px;
        height: 100px
    }

    .flitersortList li {
        width: 100%;
        display: block;
        padding: 0 8px;
        height: 44px;
        line-height: 44px;
        border: 0;
        border-bottom: 1px solid #D2D2D2
    }

    .flitersortList {
        padding: 0;
        width: 96%;
        margin: 0 auto;
        border: 1px solid #D2D2D2;
        border-bottom: 0
    }

    .fliterRecipeList .col-5 h3 a {
        font-size: 20px
    }

    .cataloguePage .title01 {
        padding-left: 10%;
        padding-right: 10%
    }

    .fifty {
        width: 100%;
        position: relative;
        height: auto;
        float: none
    }

    .time-line h2 {
        font-size: 40px
    }

    .milestone:nth-child(even) .time-right {
        padding-right: 75px
    }

    .milestone .time-right {
        padding-left: 75px
    }

    .timeline__nav ul li {
        width: 25%
    }

    .timeline__nav {
        width: 84%
    }

    .hp-mobile {
        display: block;
        position: relative
    }

    .hp-caption,
    .banner-index .destop-banner {
        display: none
    }

    .hp-scrollPrd {
        display: none !important
    }

    .hp-text {
        display: none
    }

    .hp-mobile .hp-text {
        display: block;
        position: absolute;
        top: 0
    }

    .hp-text img {
        display: inline-block;
        max-width: 70%
    }

    .prod-slick {
        display: none
    }

    .hp-text {
        padding: 90px 0 0
    }

    .subanner,
    .subanner .wrapper {
        height: 300px
    }

    .flitersortList {
        display: none;
        top: -1px;
        position: relative
    }

    .flitersortList ul {
        top: 0;
        left: 0;
        position: relative;
        border: 0;
        width: 100%;
        border-top: 1px solid #D2D2D2
    }

    .flitersortList li {
        padding: 0;
        height: auto
    }

    .flitersortList>li:first-child {
        display: none
    }

    .flitersortList.active2 {
        display: block
    }

    .filterByTab {
        padding: 0;
        width: 96%;
        margin: 0 auto;
        border: 1px solid #D2D2D2;
        display: block;
        line-height: 44px;
        text-align: center;
        margin-top: 15px
    }

    .filterByTab a.filterBy {
        position: relative
    }

    .filterByTab a.filterBy:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/metro_filter_icon.png) center center no-repeat;
        position: relative;
        margin-right: 7px;
        vertical-align: middle;
        top: -2px
    }

    .mainSlider02 .slick-slide .items,
    .mainSlider01 .slick-slide.slick-current .items,
    .mainSlider03 .slick-slide.slick-current .items {
        max-width: 100%
    }

    .homepage .elePlate .eveSlider .slick-arrow {
        bottom: -67px
    }

    .tab-container .col-7 {
        min-height: inherit;
        height: inherit;
        width: 100%
    }

    .tab-container .col-7:first-child {
        overflow-y: unset
    }

    .tb-img .master-tip {
        position: relative;
        height: 100%;
        width: 100%;
        border-radius: 0;
        top: 0;
        left: 0;
        padding: 10px
    }

    .city-tabsbox .hd-city,
    .tab-container .st-cont-box-1 h1,
    .kit-slider h1 {
        font-size: 27px;
        padding: 0;
        line-height: 35px
    }

    .kit-slider h1 br {
        display: none
    }

    .threecity-slider .slick-prev,
    .threecity-slider .slick-next {
        top: inherit;
        bottom: -64px;
        left: 48%;
        margin-left: -50px
    }

    .threecity-slider .slick-next {
        left: inherit;
        right: 48%;
        margin-left: 0;
        margin-right: -50px
    }

    .box-kit {
        margin-bottom: 30px
    }

    .tb-title span,
    .stpes-title span,
    .threecity-slider .kit-text p {
        font-size: 22px;
        line-height: 27px
    }

    .stpes-title img {
        width: 50px
    }

    .topsecstrip li span {
        font-size: 18px
    }

    .topsecstrip ul li img {
        display: block;
        margin: 0 auto 8px
    }

    .city-tabsbox .desktop-tabimg {
        display: none
    }

    .city-tabsbox .mobile-tabimg {
        display: block;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) {
    .ft-list ul {
        height: inherit !important;
        display: block !important
    }
}

@media only screen and (max-width:768px) {
    .RecipeVariantsSec h2.resp-accordion {
        font-size: 25px
    }

    .RecipeVariantsSec h2.resp-accordion img {
        display: none
    }

    .tab-box {
        padding-top: 20px
    }

    .recipeVariantsContent th {
        display: none
    }

    .recipeVariantsContent td {
        display: block;
        width: 100%;
        border-bottom: 0
    }

    .varHide {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .hide-scroll {
        position: fixed
    }

    .slider {
        margin-bottom: 30px
    }

    .adm-form-box {
        max-width: 100%
    }

    .ct-box .st-wtbx .fl-rt {
        padding-right: 0;
        width: 100%;
        text-align: center
    }

    .message-box-frmCheckout {
        clear: both;
        text-align: center;
        padding: 0 5px
    }

    .wishlist .sp-item {
        padding: 30px 15px
    }

    .col-7,
    .col-5,
    .col-3,
    .col-6,
    .col-8,
    .col-9,
    .col-4 {
        width: 100%;
        margin-bottom: 15px
    }

    .edtsubmit {
        padding: 0 35px
    }

    .prf-list li a {
        padding-left: 50px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .prf-box {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 35px
    }

    .prf-list li a img {
        left: 20px
    }

    .tab-box .resp-arrow {
        position: relative
    }

    .max-col-img img {
        display: block;
        margin: 0 auto
    }

    .chillin {
        float: left;
        margin-left: 10px
    }

    .linkBtn {
        font-size: 14px;
        line-height: 38px
    }

    .linkBtn.playBtn {
        line-height: 42px;
        height: 42px
    }

    .linkBtn.playBtn:before {
        background: url(../img/playBtn-icon-m.png) no-repeat;
        width: 44px;
        height: 42px;
        margin-right: 13px
    }

    .st-title br,
    .sec10 p br,
    .big-txt br {
        display: none
    }

    .sec10 {
        padding: 30px 15px
    }

    .fnd-img {
        padding-left: 0;
        padding-top: 20px
    }

    .pad-lt-60 {
        padding-left: 0
    }

    footer .col-3 {
        width: 100%;
        margin-bottom: 0;
        padding-top: 15px
    }

    footer .col-3.ft-list {
        padding-top: 0
    }

    .ft-list .ft-title {
        padding: 10px 15px !important;
        cursor: pointer;
        background: #2c2c2c;
        margin-bottom: 6px;
        position: relative
    }

    .ft-list .ft-title.ft01:after {
        display: none
    }

    .ft-list .ft-title:after {
        content: '\f107';
        position: absolute;
        top: 5px;
        right: 15px;
        font-family: 'FontAwesome';
        color: #fff;
        font-size: 30px;
        font-weight: 400
    }

    .ft-list .ft-title.active:after {
        content: '\f106';
        top: 2px
    }

    .ft-list:nth-child(2) .ft-title:last-child:after {
        display: none !important
    }

    .ft-social {
        margin-bottom: 15px;
        width: 100%;
        text-align: center
    }

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

    .brand-slider .item {
        padding: 0
    }

    .lferelx-slidr .slick-dots {
        text-align: center;
        margin-top: 20px
    }

    .lferelx-slidr .slick-dots li {
        display: inline-block;
        vertical-align: top;
        text-indent: -9999px;
        overflow: hidden;
        width: 20px;
        height: 20px;
        background: #bebebe;
        margin: 0 5px;
        border-radius: 50px
    }

    .lferelx-slidr .slick-dots li.slick-active {
        background: #7b7b7b
    }

    .tab-box h2 img {
        width: auto
    }

    .col-top-45 {
        padding-top: 0
    }

    .tab-box {
        padding-top: 30px
    }

    .ch-txt {
        text-transform: none
    }

    .big-txt {
        font-size: 30px
    }

    .sd-box-1 {
        width: 100%;
        margin-bottom: 40px
    }

    .sd-box-2 {
        width: 100%
    }

    .cont-pad-lt {
        padding-left: 0;
        margin-top: 50px
    }

    .cont-map {
        width: 100%
    }

    .inputBx textarea {
        height: 100px;
        resize: none
    }

    .comn-pad {
        margin-bottom: 40px;
        padding-bottom: 0
    }

    .bgcolor {
        padding: 40px 0
    }

    .bgcolor .col-9 {
        width: 100%
    }

    .bgcolor .col-4 {
        width: 100%
    }

    .st-gt-box {
        padding-bottom: 10px
    }

    .whtbg.pad30 {
        min-height: inherit
    }

    .sp-detail {
        width: 48%
    }

    .prf-list {
        display: none
    }

    .profile-menu {
        position: relative;
        display: block;
        background: #374a94;
        padding: 10px 15px;
        color: #fff;
        font-size: 18px;
        cursor: pointer
    }

    .profile-menu:before {
        width: 0;
        height: 0;
        position: absolute;
        right: 15px;
        top: 13px;
        content: "";
        margin-top: 3px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 12px solid #fff
    }

    .profile-menu.active:before {
        border: none;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 12px solid #fff
    }

    .st-share {
        top: -58px;
        right: 16px
    }

    .pin-input {
        width: 210px
    }

    .ft-list ul li {
        float: none;
        width: auto
    }

    .ft-list:nth-child(1) ul li {
        float: none;
        width: auto
    }

    .ft-box {
        margin-top: 0
    }

    footer .col-3:nth-child(4) {
        width: 100%
    }

    .press-list ul li {
        margin-right: 20px
    }

    .press-list ul li a {
        font-size: 14px
    }

    .wf-box a {
        padding: 5px
    }

    .wf-box .title {
        line-height: 20px;
        font-size: 14px
    }

    .wf-box {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .press-list {
        position: relative
    }

    .press-list ul {
        overflow: hidden;
        height: 47px;
        padding-top: 47px
    }

    .press-list ul:before {
        content: '\f0c9';
        font-family: 'FontAwesome';
        font-size: 32px;
        color: #fff;
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 1;
        cursor: pointer
    }

    .press-list ul.current {
        overflow: inherit;
        height: inherit
    }

    .press-list ul li {
        padding: 15px;
        background: #f5f5f5;
        margin-bottom: 1px;
        float: none;
        margin-right: 0
    }

    .press-list ul li span:after {
        display: none
    }

    .press-list ul li.active a {
        color: #fff
    }

    .press-list ul li.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 47px;
        background: #000
    }

    .careralldesc {
        padding-bottom: 35px
    }

    .size-img {
        overflow-y: hidden;
        overflow-x: auto
    }

    .size-box {
        padding-bottom: 25px
    }

    .size-img img {
        max-width: inherit
    }

    .note p {
        margin-top: 0
    }

    .single-page {
        padding-bottom: 20px
    }

    .ft-list ul {
        display: none;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-top: 15px
    }

    .ft-title.pad-tp-30 {
        clear: left
    }

    .sd-box-1 {
        position: relative
    }

    .mb-drop {
        display: block;
        background: #000;
        position: relative;
        color: #fff;
        cursor: pointer;
        padding: 15px;
        height: 47px;
        text-transform: uppercase
    }

    .mb-drop.current {
        background: #374a94
    }

    .mb-drop:before {
        content: '\f0c9';
        font-family: 'FontAwesome';
        font-size: 32px;
        color: #fff;
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 1;
        cursor: pointer
    }

    .sd-box-1 ul {
        display: none
    }

    .sd-box-2 h3 {
        font-size: 25px
    }

    .sd-box-2 .wallframe {
        padding-top: 25px
    }

    .map-box {
        margin-top: 18px
    }

    .inputBx {
        padding-top: 0
    }

    .src-img {
        margin-right: 20px
    }

    .src-title {
        font-size: 16px
    }

    .srch-txt-1 {
        padding-bottom: 20px
    }

    .src-blt {
        padding: 10px 0;
        margin: 15px 0 0
    }

    .right-side .m-title {
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        padding-top: 20px
    }

    .right-side .m-logo.pad-top {
        padding-top: 0
    }

    .m-logo.ext-link a {
        font-size: 16px;
        color: #fff;
        padding: 20px 0 0;
        font-weight: 700
    }

    .right-side ul li .m-size a {
        padding: 0;
        display: inline-block;
        border: 0;
        font-size: 14px
    }

    .m-size span {
        border: 1px solid #fff;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 24px
    }

    .abt-desk {
        display: none
    }

    .abt-mob {
        display: block
    }

    .frt-desktp {
        display: none
    }

    .ftr-mb {
        display: block
    }

    .mobile-banner {
        display: block
    }

    .desktop-banner {
        display: none
    }

    h2.text-lt {
        padding-bottom: 0;
        font-size: 22px
    }

    .paginate nav ul:after {
        content: '';
        display: block;
        clear: both
    }

    .paginate nav ul li {
        display: none
    }

    .paginate nav ul li:first-child {
        display: inline-block
    }

    .paginate nav ul li:last-child {
        display: inline-block
    }

    .shorting {
        float: none;
        position: absolute;
        top: 38px;
        left: 0;
        right: inherit;
        z-index: 10
    }

    .prd-lsit-sec1 {
        padding-top: 80px
    }

    .st-desktop {
        display: none
    }

    .st-mobile {
        display: block
    }

    .site-map .ft-list ul {
        display: block !important;
        margin-left: 0
    }

    .site-map .ft-list .ft-title {
        padding: 10px 0 15px !important;
        background: none
    }

    .site-map .ft-list .ft-title:after {
        display: none
    }

    .upsc-icons li {
        width: 49%
    }

    .dawaatSecProd.section-1 .linkBtn {
        margin: auto;
        display: block;
        margin: 10px auto
    }

    .cp-link a {
        width: 160px;
        line-height: 40px;
        font-size: 16px
    }

    .dawaatSecProd h2.title01 {
        text-transform: none;
        font-size: 34px;
        margin-bottom: 10px
    }

    .compad {
        padding: 50px 0
    }

    .compad100 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .compad120 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .compadTP {
        padding-top: 50px
    }

    .compadBT {
        padding-bottom: 50px
    }

    .span-box {
        margin-bottom: 40px
    }

    .mealsSec {
        padding-bottom: 50px
    }

    .mealBg {
        margin-bottom: 40px
    }

    .TextSlider .item .col-7:first-child {
        padding-bottom: 0
    }

    .block-list .sm-txt-1 {
        font-size: 18px
    }

    .span-box .imgbox img {
        margin: 0 auto;
        width: 80%
    }

    .clientSliderThumb .slick-slide:nth-child(odd) img {
        margin-top: 0
    }

    .section-4 .txt-center {
        padding: 0 15px
    }

    .abs02 {
        left: 0
    }

    .abstrSec02 .abs03 {
        left: 0;
        top: 9px
    }

    .abs03 {
        left: 28%;
        top: 3px
    }

    .abs05 {
        right: 33%;
        top: -5%
    }

    .abs10 {
        left: 38%;
        top: -11px
    }

    footer .col-5 {
        margin-bottom: 0
    }

    .ft-form {
        padding: 0 15px
    }

    footer h2 {
        margin-top: 30px;
        padding: 0 15px
    }

    .ft-submit {
        right: 15px
    }

    .search-bar input {
        height: 50px;
        font-size: 22px;
        line-height: 50px
    }

    .srchListPrd .col-3 {
        width: 50%;
        margin-bottom: 30px
    }

    .srchListPrd h4 {
        font-size: 18px
    }

    .mainBaner .item .mobile-banner {
        display: block
    }

    .mainBaner .item .desktop-banner {
        display: none
    }

    .hp-2 {
        right: -13px
    }

    .srchListPrd .col-3:nth-child(3n+1) {
        clear: none
    }

    .srchListPrd .col-3:nth-child(2n+1) {
        clear: left
    }

    .bhetrenSec h2 {
        padding-left: 15px
    }

    .bhetrenSec .linkBtn {
        margin-top: 0;
        margin-left: 20px
    }

    .eveSlider.slick-slider .slick-list {
        padding: 0 200px 0 0 !important
    }

    .row .col-7:last-child {
        margin-bottom: 0
    }

    h2.title01,
    .time-line h2 {
        font-size: 35px
    }

    .elevateSec p {
        margin-bottom: 0
    }

    .bhetrenSec .tcxt02 {
        width: 60%
    }

    .eveSlider .contTxt {
        height: 140px
    }

    .vid2:before,
    .vid2:after {
        top: -40px
    }

    .vid2:after {
        top: initial;
        bottom: -40px
    }

    .clientSliderProduct .item h2 {
        font-size: 22px
    }

    .cp-box {
        width: 80%;
        max-width: 80%
    }

    .vid2 {
        margin: 36px 0
    }

    .biryaniRich .col-7.compad100:last-child {
        padding-top: 0;
        padding-bottom: 0
    }

    .cupRiceList .cupRice {
        flex: 0 49%
    }

    .padlfrt {
        padding-left: 2%;
        padding-right: 2%
    }

    .row .col-7:first-child .st-cont-box-1 {
        padding-left: 15px;
        padding-right: 15px
    }

    .elevateSec .stbox-1 {
        padding: 0;
        padding-right: 15px
    }

    .subanner,
    .subanner .wrapper {
        height: 280px
    }

    .product-baner.subanner .wrapper,
    .product-baner.subanner {
        height: auto
    }

    .product-baner .banner_text {
        padding: 30px 15px
    }

    .subanner .banner_text p {
        font-size: 32px;
        line-height: 32px
    }

    .biryaniBanr .cp-box,
    .cp-box {
        top: 22%
    }

    .banner img {
        margin-top: -10%
    }

    .mainBaner .cp-box {
        top: 8%;
        transform: translateY(-8%);
        -webkit-transform: translateY(-8%);
        -moz-transform: translateY(-8%);
        -o-transform: translateY(-8%)
    }

    .mainBanerThumb {
        left: 0;
        width: 100%;
        margin: 0 auto
    }

    .cataloguePage .col-5 {
        margin-bottom: 0
    }

    .proWrp {
        border: 1px solid #e8e8e8;
        border-bottom: 0
    }

    .colThree {
        border: 0
    }

    .colm-2 {
        width: 100%;
        float: none
    }

    .catBoxHovrProd,
    .catBoxProds .col-2.colm-12,
    .catBoxProds .col-2 {
        width: 100%;
        float: none
    }

    .colm-2.colm-12.colm-0,
    .catBox .imgBox,
    .proWrp,
    .catBoxHovrProd .catBox,
    .imgBox .ovrtxt {
        height: 400px
    }

    .proWrp p {
        font-size: 16px;
        line-height: 19px;
        width: 80%
    }

    .catBox .imgBox img {
        margin: 0 auto;
        height: 258px
    }

    .imgBox .ovrtxt {
        padding: 30px 0;
        margin: 0 auto
    }

    .catBoxHovrProd .catBox {
        border: 1px solid #e8e8e8;
        border-top: 0
    }

    .imgBox h3,
    .proWrp h2,
    .proWrp h3 {
        font-size: 30px
    }

    .availFeat li {
        font-size: 15px;
        line-height: 17px
    }

    .timeline__nav {
        width: 96%
    }

    .timeline__nav ul li.active a {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    footer img {
        margin-bottom: 30px
    }

    .prod-slick {
        display: none
    }

    .tabContainer .mainSlider01,
    .tabContainer .mainSlider02,
    .tabContainer .mainSlider03 {
        padding: 0
    }

    .spf-item {
        padding-right: 10px;
        width: 24%
    }

    .mainSlider02 .slick-slide .items,
    .mainSlider01 .slick-slide.slick-current .items,
    .mainSlider03 .slick-slide.slick-current .items {
        max-width: 100%;
        padding-bottom: 50px
    }

    .tabContainer .mainSlider02 .slick-next,
    .tabContainer .mainSlider03 .slick-next,
    .tabContainer .mainSlider01 .slick-next {
        right: 48%;
        bottom: -22px !important;
        margin-right: -45px;
        top: initial
    }

    .tabContainer .mainSlider02 .slick-prev,
    .tabContainer .mainSlider01 .slick-prev,
    .tabContainer .mainSlider03 .slick-prev {
        left: 48%;
        bottom: -22px !important;
        top: initial;
        margin-left: -45px
    }

    .tablist li {
        width: 32%
    }

    .tablist li span {
        font-size: 18px;
        padding-left: 6px
    }

    .tablist li img {
        height: 32px
    }

    .hp-mobile .hp-text {
        top: 0
    }

    .eveSlider .slick-arrow,
    .eveSlider .slick-arrow.slick-prev {
        left: 48% !important;
        right: initial !important;
        top: initial !important;
        bottom: -85px !important;
        margin: 0 !important;
        margin-left: -45px !important
    }

    .eveSlider .slick-arrow.slick-next {
        left: initial !important;
        right: 48% !important;
        margin: 0 !important;
        margin-right: -45px !important
    }

    .elevateSec {
        padding-bottom: 100px
    }

    .filterByTab {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 100%;
        margin: 0
    }

    .flitersortList {
        background: #fff
    }

    .filterByTabArea {
        position: absolute;
        bottom: 15px;
        left: 2%;
        width: 96%
    }

    .flitersortList {
        top: initial;
        position: relative;
        bottom: 45px;
        z-index: 99;
        width: 100%
    }

    body.recipes {
        padding-bottom: 46px
    }

    .filterByTabArea {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 33
    }

    .city-tabsbox .hd-city,
    .tab-container .st-cont-box-1 h1,
    .kit-slider h1 {
        font-size: 24px;
        padding: 0;
        line-height: 30px
    }

    .topsecstrip li img {
        height: 35px
    }

    .tb-title span,
    .stpes-title span,
    .threecity-slider .kit-text p {
        font-size: 18px;
        line-height: 23px
    }

    .stpes-title img {
        width: 45px
    }

    .topsecstrip li span {
        font-size: 16px
    }

    .topsecstrip ul li a {
        padding: 15px 0
    }

    .kit-banner .dk-banner {
        display: none
    }

    .kit-banner .mb-banner {
        display: block
    }
}

@media only screen and (max-width:639px) {
    .prt-box>a img {
        height: inherit
    }

    .pr-list ul li {
        width: auto;
        float: none
    }

    .topoprslider .contxt {
        margin: 0
    }

    .img1 {
        width: 115px;
        left: -28px;
        top: -9px
    }

    .ch-txt {
        font-size: 15px;
        line-height: 55px
    }

    .about .choice {
        height: 55px;
        margin-top: 62px;
        margin-bottom: 20px
    }

    .img2 {
        width: 62px;
        bottom: -2px
    }

    .table-3-col .row .cell img {
        width: 65px
    }

    .hgt-bx {
        height: 85px
    }

    .st-txt-1 {
        text-transform: none
    }

    .table-3-col {
        height: 220px
    }

    .formpage01 .inputBx {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    h3,
    .rgst h2 {
        font-size: 25px
    }

    h4 {
        font-size: 22px
    }

    .sign-up .insd-bx {
        padding: 20px
    }

    .log-wrap {
        padding: 10px
    }

    .inp-box.inp-flt input {
        margin: 0 3%
    }

    .ord-bord ul li {
        padding: 20px 15px
    }

    .ord-img {
        margin-right: 20px
    }

    .ord-cont-1 {
        width: 200px
    }

    .od-title {
        font-size: 15px
    }

    .sp-img {
        margin-right: 15px
    }

    .sp-detail {
        width: 44%
    }

    .brd-box-list .col-5 {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .table-transactions tr td {
        font-size: 14px
    }

    .span-col-1,
    .span-col-3,
    .span-col-2 {
        float: none;
        width: auto
    }

    .span-col-2 {
        padding: 0 30px
    }

    .dawaatSecProd.section-1 .linkBtn {
        display: inline-block;
        margin: 10px auto;
        padding: 0 15px;
        margin-right: 15px
    }

    .dawaatSecProd.section-1 .span-col-3 {
        margin: 0 auto;
        max-width: 44%
    }

    .dawaatSecProd .txt-center p br {
        display: none
    }

    .eveSlider.slick-slider .slick-list {
        padding: 0 130px 0 0 !important
    }

    .formArea .group {
        margin-bottom: 25px
    }

    .subTextClas {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 30px;
        padding: 0 10%
    }

    .banner img {
        margin-top: 0
    }

    .cp-box p,
    .mainBaner .cp-box p {
        font-size: 20px;
        line-height: 29px;
        max-width: 100%
    }

    .cp-title {
        font-size: 42px
    }

    .biryaniBanr .cp-box,
    .cp-box {
        top: 30px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .srchListPrd .col-3 {
        width: 100%;
        margin-bottom: 30px
    }

    .milestone .time-left,
    .milestone .time-right,
    .milestone:nth-child(even) .time-right {
        float: none;
        width: auto;
        padding: 0 15px
    }

    .timeline__nav ul li.active a {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .time-line:before,
    .milestone .time-right:before,
    .time-line-in:before {
        display: none
    }

    .milestone {
        padding: 0 0 50px
    }

    .about-us .subTextClas {
        padding: 0 15px
    }

    .milestone .inner-text p {
        text-align: center
    }

    .porduct-box {
        padding-left: 80px
    }

    .thumb-slider {
        width: 70px
    }

    .col-65,
    .col-35 {
        width: auto;
        float: none
    }

    .mealsSec .col-35 img {
        max-width: 230px;
        margin: 0 auto;
        margin-top: 30px
    }

    .tablist {
        padding-bottom: 66px;
        position: relative
    }

    .mealBg {
        border-bottom: 0
    }

    .tablist li {
        width: auto;
        display: block;
        height: 66px;
        border-bottom: 1px solid #efefef
    }

    .tablist li a {
        padding: 15px 0
    }

    .tablist li.active {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 66px
    }

    .hp-text {
        padding: 70px 0 0
    }

    .mealTypes li p {
        font-size: 18px
    }

    .mealTypes li p span {
        margin-bottom: 0
    }

    .reciSlid.abstrSec02 .abs03 {
        left: 34%;
        top: 10px
    }

    .RecipeVariantsSec h2.resp-accordion {
        font-size: 20px
    }

    .tab-box {
        padding-top: 0
    }

    .topsecstrip ul li {
        width: auto;
        display: block;
        height: 66px;
        border-bottom: 1px solid #efefef
    }

    .topsecstrip ul li img {
        margin: 0;
        display: inline-block
    }

    .span-prod-mobimg img {
        width: 45%
    }
}

@media only screen and (max-width:479px) {
    .pr-sec-cont.tow-col table {
        width: 100%
    }

    .mdBtn.whtBtn {
        width: auto;
        padding: 0 20px;
        left: 22px
    }

    .price {
        padding-bottom: 10px;
        font-size: 20px
    }

    .st-title-4 {
        font-size: 17px
    }

    .price i {
        font-size: 18px
    }

    .txt-size {
        margin-bottom: 10px
    }

    .prf-col {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .prf-box {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 22px
    }

    .sp-img {
        width: 110px
    }

    .lb1 textarea {
        height: 90px
    }

    .flex-col-1 {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .trackordersec {
        padding: 50px 0
    }

    .trckwrap {
        padding: 15px
    }

    .col-sp-2 {
        width: 100%;
        text-align: left;
        margin-top: 10px
    }

    .sp-detail {
        width: 100%;
        margin-top: 20px
    }

    h3.txt-lft-40 {
        font-size: 30px
    }

    .topoprslider {
        padding: 0 35px
    }

    h3 {
        font-size: 20px
    }

    .topoprslider .slick-prev {
        left: 0
    }

    .topoprslider .slick-next {
        right: 0
    }

    footer .col-3 {
        width: 100%;
        overflow: hidden
    }

    .ft-title {
        overflow: hidden;
        clear: both
    }

    .chillin-box {
        height: 475px
    }

    .chillin {
        width: 215px;
        margin-top: 105px
    }

    .top-rt-sec a {
        margin-right: 13px
    }

    #rc-imageselect,
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .st-gt-box {
        padding-left: 15px;
        padding-right: 15px
    }

    .st-img1 {
        width: 42%
    }

    .qty-box input.value {
        width: 21px
    }

    .st-bx-0 {
        width: 100%
    }

    .st-bx-1 {
        width: 100%
    }

    .label-2,
    .label-1,
    .wht-bg .st-title {
        padding: 13px 10px
    }

    .address-form {
        width: 100%
    }

    .ord-img {
        width: 75px
    }

    .ord-img img {
        height: auto !important
    }

    .ord-cont-1 {
        width: 170px
    }

    .ord-price {
        font-size: 15px
    }

    .grand-total {
        padding: 20px;
        font-size: 18px
    }

    .grand-total .ord-price {
        font-size: 18px
    }

    .edit-btn {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 10px;
        display: inline-block
    }

    .choose-address label {
        padding-right: 30px
    }

    .submitBtn3 {
        width: 120px
    }

    input,
    textarea,
    button,
    select {
        font-size: 13px
    }

    .label-1.address-section {
        padding-right: 10px
    }

    .st-gt-box .st-detail {
        width: 55%
    }

    .email-txt {
        padding-left: 10px;
        line-height: 22px
    }

    .link-adj a.linkBtn {
        margin-left: 10px
    }

    .ord-txt-1 {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 15px
    }

    .ord-total {
        padding: 20px
    }

    .st-detail {
        padding-top: 32px
    }

    .pin-input {
        width: 100%;
        height: 35px
    }

    .check-avblt {
        padding-bottom: 18px
    }

    .cartBtn {
        padding: 0 15px;
        font-size: 14px
    }

    .shop-knw .mdBtn.blueBtn {
        padding: 0 15px;
        font-size: 14px
    }

    .checkBtn {
        width: 110px;
        font-size: 14px;
        height: 35px
    }

    .prd-sm-sec3 {
        padding-top: 0
    }

    .inside {
        padding: 0 15px
    }

    .pr-color span {
        width: 13px;
        height: 13px
    }

    .size-select a {
        display: block;
        margin-left: 0
    }

    .wf-box {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-bottom: 20px
    }

    .wf-box .content {
        text-align: center
    }

    .dawaatSecProd h2 {
        font-size: 28px
    }

    .dawaatSecProd h2.title01 {
        font-size: 32px
    }

    .vid2:before,
    .vid2:after {
        width: 100px;
        height: 98px;
        top: -35px;
        background-size: 100%
    }

    .vid2:after {
        top: initial;
        bottom: -34px
    }

    .eveSlider.slick-slider .slick-list {
        padding: 0 !important
    }

    .eveSlider .item {
        padding-right: 0
    }

    .eveSlider .item .nonVeg,
    .eveSlider .item .veg {
        right: 20px
    }

    h2.title01,
    .time-line h2 {
        font-size: 32px
    }

    .eveSlider .item h3 {
        font: normal 18px/22px CordaBold
    }

    .bhetrenSec .tcxt02 {
        width: 96%;
        text-align: center;
        top: 20%
    }

    .bhetrenSec .videoPlyBtn {
        right: 50%;
        margin-right: -70px;
        top: 86%
    }

    .right-side {
        width: 280px
    }

    .cupRiceList .cupRice {
        flex: 100%
    }

    body.media-center .elevateSec {
        padding-left: 15px;
        padding-right: 15px
    }

    .subanner .banner_text p {
        font-size: 30px;
        line-height: 30px
    }

    .thankyou {
        padding: 30px 0
    }

    .thankyou img {
        max-width: 80%;
        margin: 0 auto
    }

    .biryaniBanr .cp-box,
    .cp-box {
        width: 90%;
        max-width: 90%;
        left: 15px;
        top: 20px
    }

    .cp-box p,
    .mainBaner .cp-box p {
        font-size: 18px;
        line-height: 26px
    }

    .cp-title {
        font-size: 30px
    }

    .imgBox h3,
    .proWrp h2,
    .proWrp h3 {
        font-size: 26px
    }

    .proWrp p {
        font-size: 16px;
        line-height: 19px;
        width: 100%
    }

    .availFeat img {
        max-width: 56px
    }

    .proWrp p {
        font-size: 14px;
        line-height: 17px
    }

    .timeline__nav ul li {
        width: auto;
        padding: 0 11px;
        float: none;
        display: inline-block
    }

    .milestone .inner-text p,
    .about-us .subTextClas {
        font-size: 18px;
        line-height: 26px
    }

    ul.value-icons li {
        width: 49%
    }

    .hp-mobile .hp-text {
        top: 0
    }

    .hp-text img {
        max-width: 75%
    }

    .hp-text {
        padding: 50px 0 0
    }

    footer img {
        width: 150px
    }

    .recipeVariantsContent ul li span {
        position: static;
        display: block
    }

    .recipeVariantsContent ul li {
        padding-left: 28px
    }

    .resp-tab-content {
        padding: 20px 0 45px
    }

    .product-baner .banner_text {
        padding: 30px 0
    }
}

@media only screen and (max-width:359px) {
    .ch-txt {
        font-size: 12px
    }

    .logo {
        width: 95px
    }

    .ord-img {
        width: 100px;
        margin-bottom: 15px
    }

    .submitBtn2 {
        margin-bottom: 10px
    }

    .dawaatSecProd h2.title01,
    h2.title01 {
        font-size: 30px
    }

    .dawaatSecProd h2 {
        font-size: 26px
    }

    .formArea .checkBox label {
        font-size: 14px !important
    }

    .product-baner .linkBtn.playBtn {
        margin-right: 0
    }

    .availFeat li {
        font-size: 13px;
        line-height: 15px;
        width: 23%
    }

    .availFeat img {
        max-width: 50px
    }

    nav ul li a {
        margin: 0;
        font-size: 14px
    }
}

@media (min-width: 767.9999px) {
    .banner{
        height: calc(100vw / 2.24);
    }
}