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

.uk-modal {
    padding: unset !important;
    padding-left: unset !important;
    padding-right: unset !important;
}

.uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    box-sizing: border-box;
    margin: 0 auto;
    width: 100% !important;
    height: 100% !important;
    /* 3 */
    max-width: calc(100% - 0.01px) !important;
    /* 4 */
    background: #fff;
    /* 5 */
    opacity: 0;
    transform: translateY(-100px);
    transition: 0.3s linear;
    transition-property: opacity, transform;
}

.clBrXXX {
    border-radius: 50px !important;
    text-transform: none;
    font-weight: bold;
    color: #008b76 !important;
    background: #e0e0e0 !important;
}

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

.tra-redbtnhover:hover {
    color: #fff !important;
    background-color: #008b76 !important;
    border-color: #fff !important;
}

.navik-header.header-transparent-on, .navik-header.header-opacity-on {
    background-color: white !important;
}

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

    /* menu */

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

    #tline {
        background-color: #000 !important;
    }

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

    .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
        color: #000 !important
    }

    .white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
        color: #000 !important;
    }

    /* banner */
    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/hero-11.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: 450px !important;
    }

    #hero-3 .slider {
        height: 450px !important;
    }

    .bnnr-text {
        padding-top: 250px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    /*Flyers*/
    .flyers-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-flyers-bg.png) !important;
        margin-top: 0px !important;
        background-color: #008b76;
        height: 650px !important;
        padding-bottom: 200px !important;
    }

    .variety-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-variety.png) !important;
        background-position-x: left !important;
        background-size: 200px 550px !important;
        background-color: #f3d0b3;
        height: 550px !important;
        padding-top: 150px !important;
    }

    .edddesc {
        color: #008b76 !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }
}

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

    /* menu */
    #tline {
        background-color: #000 !important;
    }


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

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

    .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
        color: #000 !important
    }

    .white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
        color: #000 !important;
    }

    /* banner */
    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/hero-11.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: 450px !important;
    }

    #hero-3 .slider {
        height: 450px !important;
    }

    .bnnr-text {
        padding-top: 250px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    /* section click and collect */

    .sctClick {
        height: 950px !important;
        padding-top: 100px !important
    }

    /*Flyers*/
    .flyers-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-flyers-bg.png) !important;
        margin-top: 0px !important;
        background-color: #008b76;
        height: 700px !important;
        padding-bottom: 200px !important;
    }

    .variety-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-variety.png) !important;
        background-position-x: left !important;
        background-size: 200px 550px !important;
        background-color: #f3d0b3;
        height: 550px !important;
        padding-top: 150px !important;
    }

    .edddesc {
        color: #008b76 !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }
    .store-offers-div {
        display: flex;
        flex-direction: row;
        gap: 30px;
        align-items: center;
        justify-content:center;
    }
}

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

    /* menu */

    #tline {
        background-color: #000 !important;
    }


    #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/offers/hero-11.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: 250px !important;
    }

    #hero-3 .slider {
        height: 250px !important;
    }

    .bnnr-text {
        padding-top: 70px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

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

    /*Flyers*/
    .flyers-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-flyers-bg.png) !important;
        margin-top: 0px !important;
        background-color: #008b76;
        height: 700px !important;
        padding-bottom: 200px !important;
    }

    .variety-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-variety.png) !important;
        background-position-x: left !important;
        background-size: 200px 550px !important;
        background-color: #f3d0b3;
        height: 550px !important;
        padding-top: 150px !important;
    }

    .edddesc {
        color: #008b76 !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }
}

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

    /* menu */

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

    /* menu */

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

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/hero-11.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: -webkit-fill-available !important;
        width: 100%;
        height: 350px !important;
    }

    #hero-3 .slider {
        height: 350px !important;
    }

    .bnnr-text {
        padding-top: 70px !important;
        padding-left: 150px !important;
        padding-right: 150px !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: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

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

    /* section click and collect */

    .sctClick {
        height: 1050px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important
    }

    /*Flyers*/
    .flyers-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-flyers-bg.png) !important;
        margin-top: 0px !important;
        background-color: #008b76;
        height: 700px !important;
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .variety-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-variety.png) !important;
        background-position: left !important;
        background-size: 50px !important;
        background-repeat: repeat-y !important;
        background-color: #f3d0b3;
        height: 600px !important;
        padding-top: 50px !important;
    }

    .edddesc {
        text-align: center !important;
        color: #008b76 !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !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/healthy/hero-10.png);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        height: 350px !important;
    }

    #hero-3 .slider {
        height: 350px !important;
    }

    .bnnr-text {
        padding-top: 150px !important;
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    /* menu */

    .burger-menuX {
        display: block !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: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

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

    /* section click and collect */

    .sctClick {
        height: 1050px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important
    }

    /*Flyers*/
    .flyers-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-flyers-bg.png) !important;
        background-position: center !important;
        margin-top: 0px !important;
        background-color: #008b76;
        /*height: 750px !important;*/
        height: 900px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .variety-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/offers/offers-variety.png) !important;
        background-position: left !important;
        background-size: 20px !important;
        background-repeat: repeat-y !important;
        background-color: #f3d0b3;
        height: 600px !important;
        padding-top: 50px !important;
    }

    .edddesc {
        text-align: center !important;
        color: #008b76 !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    .store-offers-div {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
}