﻿.uk-offcanvas-bar {
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* UIKit override */

.uk-open > .uk-accordion-title::before {
    background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/down-arrow.svg") !important;
    background-size: 30px 20px;
}

.uk-accordion-title::before {
    background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/right-arrow.svg") !important;
    background-size: 20px 30px;
}

h3.uk-accordion-title {
    color: #343a40 !important;
}

.navik-header.header-transparent-on, .navik-header.header-opacity-on {
    background-color: white !important;
}

/*newsletter-en-textbox*/

.healthy-signup-input {
    border: 2px solid white !important;
    color: white !important;
    background: transparent !important;
    border-radius: 40px 0px 0px 40px !important;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: none;
}
.healthy-signup-input::placeholder {
    color: whitesmoke !important;
}

.healthy-signup-append-div {
    margin-left: -35px;
}

.healthy-signup-button {
    border-radius: 40px !important;
    letter-spacing: 1px;
    font-weight: bold;
    color: #e3000e !important;
    text-transform: capitalize;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: whitesmoke !important;
    /*transition: background-color 5000s ease-in-out 0s;*/
    /*box-shadow: inset 0 0 20px 20px #23232329;*/
    background: transparent !important;
}

@media all and (max-width: 2000px) { /* 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/healthy/hero-10.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .bnnr-text {
        margin-top: -350px !important
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 150px !important
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section healthy living first img txt combo */

    .sctHL-first {
        margin-top: 0px !important;
        background-color: #bbd8a0;
        height: 700px !important;
        padding-top: 200px !important
    }

    .hhl-first-text {
        margin-top: 0px !important;
    }

    #wellness {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-133.png) !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 850px !important;
        padding-top: 150px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }

    /* images alignment */
    .left-side {
        margin-left: -200px !important;
    }

    .right-side {
        margin-right: -120px !important;
    }

    /*Product Offers Alignment*/
    .prod-offers {
        max-width: 1300px !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/healthy/hero-10.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .bnnr-text {
        margin-top: -350px !important
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 150px !important
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section healthy living first img txt combo */

    .sctHL-first {
        margin-top: 0px !important;
        background-color: #bbd8a0;
        height: 700px !important;
        padding-top: 200px !important
    }

    .hhl-first-text {
        margin-top: 0px !important;
    }

    #wellness {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-133.png) !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 850px !important;
        padding-top: 150px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }

    /* images alignment */
    .left-side {
        margin-left: -200px !important;
    }

    .right-side {
        margin-right: -120px !important;
    }

    /*Product Offers Alignment*/
    .prod-offers {
        max-width: 1115px !important;
    }
}

@media all and (max-width: 1280px) { /* your content here */
    /* For tablet: */

    /* menu */

    #tline {
        /*display: none !important*/
        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/healthy/hero-10.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .bnnr-text {
        margin-top: -350px !important
    }

    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    #wellness {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-133.png) !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        padding-top: 150px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }

    /* images alignment */
    .left-side {
        margin-left: -200px !important;
    }

    .right-side {
        margin-right: -120px !important;
    }

    /*Product Offers Alignment*/
    .prod-offers {
        max-width: 832px !important;
    }

    /* section healthy living first img txt combo */

    .sctHL-first {
        margin-top: 0px !important;
        background-color: #bbd8a0;
        height: 700px !important;
        padding-top: 200px !important
    }

    .hhl-first-text {
        margin-top: 0px !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/healthy/hero-10.png);
        background-size: 800px 500px !important;
        background-repeat: no-repeat !important;
    }

    .bnnr-text {
        margin-top: -255px !important
    }

    #hero-3 {
        height: 550px !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: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section healthy living first img txt combo */

    .sctHL-first {
        margin-top: 0px !important;
        background-color: #bbd8a0;
        height: 750px !important;
        padding-top: 70px !important
    }

    .hhl-first-text {
        margin-top: 120px !important;
        text-align: center;
    }

    /* section healthy living last img txt combo */

    .hhl-last-text {
        text-align: center;
    }

    .hhl-last-img {
        max-width: 70%;
        margin-right: 55px;
        padding-top: 30px;
        height: auto;
    }

    #healthylivingdept {
        height: 2250px !important
    }

    #wellness {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-133.png) !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 1100px !important;
        padding-top: 150px !important
    }

    #specialrecipes {
        height: 1000px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    /* images alignment */
    .left-side {
        margin-left: 0px !important;
    }

    .right-side {
        margin-right: 0px !important;
    }

    .mobile-bg-fix {
        background-position: 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;
    }

    .bnnr-text {
        margin-top: -255px !important
    }

    #hero-3 {
        height: 550px !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: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section healthy living first img txt combo */

    .sctHL-first {
        margin-top: 0px !important;
        background-color: #bbd8a0;
        height: 800px !important;
        padding-top: 70px !important
    }

    .hhl-first-text {
        margin-top: 20px !important;
        text-align: center;
    }

    /* section healthy living last img txt combo */

    .hhl-last-text {
        text-align: center;
    }

    .hhl-last-img {
        max-width: 70%;
        margin-right: 55px;
        padding-top: 30px;
        height: auto;
    }

    #healthylivingdept {
        height: 2250px !important
    }

    #wellness {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-133.png) !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 1100px !important;
        padding-top: 0px !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    /* images alignment */
    .left-side {
        margin-left: 0px !important;
    }

    .right-side {
        margin-right: 0px !important;
    }

    .mobile-bg-fix {
        background-position: left !important;
    }
    .coffee-color {
        padding-top: 200px !important;
    }

    .healthy-content-div {
        padding-top: 200px;
    }

    .mobile-right-side {
        margin-right: 0px !important;
        text-align: center !important;
    }
    .mobile-hhl-last-image {
        margin-right: 0px !important;
    }
    .newsletter-section {
        /*padding-top: 0 !important;*/
    }

    .wellness-section {
        padding-top: 0 !important;
    }

    .wellness-txt-div {
        padding-top: 100px;
    }

    .product-section {
        padding-top: 100px !important;
    }
}

/*iPhone 12 pro*/
@media only screen and (width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .healthy-content-div {
        padding-top: 100px !important;
    }
}
