.btnWid {
    max-width: 100% !important;
    width: 100% !important;
}

.fff5e1 {
    background-color: #fff5e1;
}

.borderraduis50 {
    border-radius: 50px !important;
}

.clBr {
    border-radius: 50px !important;
    text-transform: capitalize;
    font-size: 14px !important;
    font-family: 'Asap', sans-serif;
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: capitalize;
}

/* Item Cards Alignment */
.item-card {
    background-color: transparent !important;
    background-size: 200px !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: top !important;
}

.uk-offcanvas-bar {
    width: 100% !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.recipe-container {
    height: 550px;
}

.recipe-image {
    object-fit: cover;
    height: 100%;
}
/* footer dynamic alignment */
.footeratcopy {
    text-align: right !important;
}

@media all and (max-width: 2000px) { /* your content here */
    /* For desktop: */
    /* menu */

    .burger-menuX {
        display: none !important;
    }

    .menuBG {
        background: #fff !important;
        color: #ff0000 !important;
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    .recipe-svg-arrow {
        margin-left: 16px;
    }

    /* section themari */
    .sct {
        height: 950px !important;
        padding-top: 150px !important;
        background-position: top left !important;
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section recipe */

    .sctRcpBnnr {
        background-position: bottom left !important;
    }

    .sctRcp {
        background-position: top left !important;
    }

    /* section click and collect */

    .sctClick {
        height: 950px !important;
        padding-top: 100px !important;
        background-position: bottom left !important;
    }

    /* section find us */

    .sctFind {
        height: 650px !important;
        background-position: top left !important;
        padding-top: 150px !important;
    }

    

    /* Themari Alignment */
    .themari {
        text-align: left !important;
    }

    .themari-img {
        max-width: 70% !important;
        position: relative !important;
        right: -90px !important;
    }

    /* item white bg sizing*/
    .item-bg {
        height: 350px !important;
    }
}

@media all and (max-width: 1715px) { /* your content here */
    /* For desktop: */

    /* menu */

    .burger-menuX {
        display: none !important;
    }

    .menuBG {
        background: #fff !important;
        color: #ff0000 !important;
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/home/hero-10.jpg);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 150px !important;
        background-position: top left !important;
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section recipe */

    .sctRcpBnnr {
        background-position: bottom left !important;
    }

    .sctRcp {
        background-position: top left !important;
    }

    /* section click and collect */

    .sctClick {
        height: 950px !important;
        padding-top: 100px !important;
        background-position: bottom left !important;
    }

    /* section find us */

    .sctFind {
        height: 650px !important;
        background-position: top left !important;
        padding-top: 150px !important;
    }

    /* Themari Text Alignment */
    .themari {
        text-align: left !important;
    }

    .themari-img {
        max-width: 70% !important;
        position: relative !important;
        right: -90px !important;
    }

    /* item white bg sizing*/
    .item-bg {
        height: 350px !important;
    }
}

@media all and (max-width: 1280px) { /* your content here */
    /* For tablet: */

    /* menu */

    #tcontent, #tline {
        display: none !important
    }

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/home/hero-10.jpg);
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    #hero-3 {
        height: 670px !important;
        overflow: hidden !important;
    }

    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* Themari Text Alignment */
    .themari {
        text-align: left !important;
    }

    .themari-img {
        max-width: 70% !important;
        position: relative !important;
        right: -90px !important;
    }

    /* item white bg sizing*/
    .item-bg {
        height: 350px !important;
    }
}

@media all and (max-width: 680px) {
    /* For Mobile Browser - Should be same as Mobile Device */

    /* menu */

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/home/bannermobile1.jpg);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    #hero-3 {
        height: 550px !important;
        overflow: hidden !important
    }

    .marginAr {
        margin-right: 0px !important
    }

    /* recipe */
    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    .btnAdjustLeft {
        margin-left: -30px !important;
        margin-top: 30px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -30px !important;
    }

    .zoom {
        zoom: 0.85 !important;
    }

    .zoom1 {
        zoom: 0.85 !important;
    }

    .zoom2 {
        zoom: 0.85 !important;
    }

    /* section themari */

    .sct {
        height: 1050px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important;
        background-position: top left !important;
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section recipe */

    .sctRcpBnnr {
        background-position: bottom left !important;
    }

    .sctRcp {
        background-position: top left !important;
    }

    .overlay {
        opacity: 100;
    }

    /* section click and collect */

    .sctClick {
        height: 1350px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important;
        background-position: bottom left !important;
    }

    /* section find us */

    .sctFind {
        height: 920px !important;
        background-position: top left !important;
        padding-top: 180px !important;
    }

    .footeratcopy {
        text-align: left !important;
    }

    /* Themari Text Alignment */
    .themari {
        text-align: center !important;
    }

    .themari-img {
        max-width: 70% !important;
        position: relative !important;
        left: 0px !important;
    }

    /* item white bg sizing*/
    .item-bg {
        height: unset !important;
    }
}

@media all and (max-width: 480px) {
    /* For Mobile Device */

    /* menu */

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/home/bannermobile1.jpg);
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    #hero-3 {
        height: 180px !important;
        overflow: hidden !important
    }

    .marginAr {
        margin-right: 0px !important
    }

    /* recipe */
    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    .btnAdjustLeft {
        margin-left: -30px !important;
        margin-top: 30px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -30px !important;
    }

    .zoom {
        zoom: 0.85 !important;
    }

    .zoom1 {
        zoom: 0.85 !important;
    }

    .zoom2 {
        zoom: 0.85 !important;
    }

    /* section recipe */

    .sctRcpBnnr {
        background-position: bottom center !important;
        display: none;
    }

    .sctRcp {
        background-position: top center !important;
    }

    /* section themari */

    .sct {
        height: 1050px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important;
        background-position: bottom center !important;
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section click and collect */

    .sctClick {
        height: 1350px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important;
        background-position: bottom center !important;
    }

    /* section find us */

    .sctFind {
        height: 920px !important;
        background-position: top center !important;
        padding-top: 180px !important;
    }

    .footeratcopy {
        text-align: left !important;
    }

    /* Themari Text Alignment */
    .themari {
        text-align: center !important;
    }

    .themari-img {
        max-width: 70% !important;
        position: relative !important;
        left: 0px !important;
    }

    /* item white bg sizing*/
    .item-bg {
        height: unset !important;
    }
}