.rcp-gradient {
    background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    /*padding: 50px 0 50px;*/
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

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

.arrow {
    border: solid #0091cf;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.arrowRed {
    border: solid red;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.arrowDir {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

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


/*newsletter-AR-textbox*/

.recipes-signup-input {
    border: 2px solid white !important;
    color: white !important;
    background: transparent !important;
    border-radius: 0px 40px 40px 0px !important;
    letter-spacing: 1px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: none;
}
.recipes-signup-input::placeholder {
    color: whitesmoke !important;
}

.recipes-signup-append-div {
    margin-right: -35px;
}

.recipes-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;
    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 */

    .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/_templateAr/images/recipes/hero-10.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    /* anyone text alignment */

    .anyone {
        text-align: right !important;
    }

    .any-align {
        padding-top: 100px !important;
    }

    .cookcard {
        margin-right: -20px !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !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;
    }

    .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/_templateAr/images/recipes/hero-10.png);
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    /* anyone text alignment */

    .anyone {
        text-align: right !important;
    }

    .any-align {
        padding-top: 100px !important;
    }

    .cookcard {
        margin-right: -20px !important;
    }

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

    /* For desktop / tablet : */

    .recipes-header-img {
        margin-top: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        background-repeat: no-repeat;
        background-size: contain, cover;
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/recipes/recipes4-bg.png) !important;
        background-color: transparent;
        height: 800px !important;
        padding-top: 250px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

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

    div > a > img {
        background: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/logo-01.png) !important;
    }

    .field {
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    .btnSignup {
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    .recipes-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/recipes/recipes-bg.png) !important;
        margin-top: 0px !important;
        background-color: #FF0000;
        height: 900px !important;
        padding-top: 150px !important;
    }

    .feature-recipes-title {
        color: #0091cf !important;
    }

    .feature-recipes {
        color: #0091cf !important;
    }

    .feature-recipes-dash {
        color: #0091cf !important;
    }

    .feature-recipes-more {
        color: #0091cf !important;
        font-size: 15px;
        margin-left: 950px;
    }

    .recipes-plates-bg {
        margin-top: 400px !important;
        background-color: #b7ddf3;
        height: 900px !important;
        padding-top: 0px !important;
        padding-bottom: 200px !important
    }

    .recipes-design {
        position: absolute;
        left: 0px;
        margin-left: 1100px;
        margin-top: -125px;
        z-index: 1;
    }

    .recipes-orange {
        position: absolute;
        left: 0px;
        margin-left: 1100px;
        margin-top: -125px;
        z-index: 1;
    }

    .dot {
        height: 20px;
        width: 20px;
        margin: 20px;
        background-color: #ffffff;
        border-radius: 50%;
        display: inline-block;
    }

    .dot-layout {
        position: absolute;
        left: -30px;
        margin-top: -160px;
        z-index: 1;
    }

    .feature-recipes-bg {
        margin-top: 10px !important;
        background-color: #b7ddf3;
        height: 900px !important;
        padding-top: 100px !important;
        padding-bottom: 200px !important
    }

    .img-layout {
        left: 30px;
        margin-top: -65px;
        position: absolute;
        background: #010306;
        color: white;
        opacity: 0.6;
        width: 250px !important;
        height: 50px;
        text-align: left;
        vertical-align: middle;
        z-index: 1;
    }

    .img-layout1 {
        left: 315px;
        margin-top: -65px;
        position: absolute;
        background: #0091cf;
        color: white;
        width: 250px !important;
        height: 50px;
        text-align: left;
        vertical-align: middle;
        z-index: 1;
    }

    .img-layout2 {
        left: 600px;
        margin-top: -65px;
        position: absolute;
        background: #010306;
        color: white;
        opacity: 0.6;
        width: 250px !important;
        height: 50px;
        text-align: left;
        vertical-align: middle;
        z-index: 1;
    }

    .img-layout > p {
        margin: 10px;
    }

    .img-layout1 > p {
        margin: 10px;
    }

    .img-layout2 > p {
        margin: 10px;
    }

    .img-layout > span {
        margin-left: 200px;
        margin-top: -65px;
        z-index: 1;
    }

    .img-layout1 > span {
        margin-left: 200px;
        margin-top: -65px;
        z-index: 1;
    }

    .img-layout2 > span {
        margin-left: 200px;
        margin-top: -65px;
        z-index: 1;
    }

    div.img-layout :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }

    div.img-layout1 :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }

    div.img-layout2 :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }
    /*Override*/
    .newsletter-txt h3 {
        text-transform: none !important;
        /*margin-bottom: 40px;*/
    }

    .pbox-11-img {
        text-align: left !important;
        margin-top: 60px !important;
    }

    .social-icon {
        text-align: right !important;
    }

    /* anyone text alignment */

    .anyone {
        text-align: right !important;
    }

    .any-align {
        padding-top: 100px !important;
    }

    .cookcard {
        margin-right: 0px !important;
    }

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

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

    .recipes-header-img {
        margin-top: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/recipes/recipes1.jpg) !important;
        background-color: transparent;
        height: 600px !important;
        padding-top: 100px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    div img.recipes {
        width: 100px !important;
        height: 100px !important;
    }

    .recipes-bg {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/recipes/recipes-bg.png) !important;
        margin-top: 0px !important;
        background-color: #FF0000;
        height: 100% !important;
        width: 100% !important;
        padding-top: 250px !important;
    }

    .recipes-plates-bg {
        margin-top: 0px !important;
        background-color: #b7ddf3;
        height: 650px !important;
        padding-top: 0px !important;
        padding-bottom: 200px !important
    }

    .feature-recipes-bg {
        margin-top: 10px !important;
        background-color: #b7ddf3;
        height: 900px !important;
        padding-top: 100px !important;
        padding-bottom: 200px !important
    }

    .feature-recipes-title {
        color: #0091cf !important;
    }

    .feature-recipes {
        color: #0091cf !important;
    }

    .feature-recipes-dash {
        color: #0091cf !important;
    }

    .feature-recipes-more {
        color: #0091cf !important;
    }

    .field {
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    .dot {
        height: 10px;
        width: 10px;
        margin: 5px;
        background-color: #ffffff;
        border-radius: 50%;
        display: inline-block;
    }

    .dot-layout {
        position: absolute;
        left: -30px;
        margin-top: -80px;
        z-index: 1;
    }

    .recipes-design {
        position: absolute;
        left: 0px;
        margin-left: 200px;
        margin-top: -50px;
        z-index: 1;
    }

    .recipes-orange {
        position: absolute;
        left: 0px;
        margin-left: 200px;
        margin-top: -80px;
        z-index: 1;
    }

    /* Recipes*/
    .recipes {
        width: 50px;
        height: 50px;
        margin: 5px !important;
    }

    .recipes2 {
        width: 500px;
        height: 250px;
        margin: 0px !important;
    }

    .img-layout {
        left: 20px;
        margin-top: -28px;
        position: absolute;
        background: #010306;
        color: white;
        opacity: 0.6;
        width: 100px !important;
        height: 20px;
        text-align: left;
        z-index: 1;
    }

    .img-layout1 {
        left: 134px;
        margin-top: -28px;
        position: absolute;
        background: #0091cf;
        color: white;
        width: 100px !important;
        height: 20px;
        text-align: left;
        z-index: 1;
    }

    .img-layout2 {
        left: 248px;
        margin-top: -28px;
        position: absolute;
        background: #010306;
        color: white;
        opacity: 0.6;
        width: 100px !important;
        height: 20px;
        text-align: left;
        z-index: 1;
    }

    .img-layout > p {
        margin: 2px;
        font-size: 8px !important;
    }

    .img-layout1 > p {
        margin: 2px;
        font-size: 8px !important;
    }

    .img-layout2 > p {
        margin: 2px;
        font-size: 8px !important;
    }

    .img-layout > span {
        margin-left: 80px;
        margin-top: -40px;
        width: 15px;
        height: 15px;
        border-radius: 50px !important;
        z-index: 1;
    }

    .img-layout1 > span {
        margin-left: 80px;
        margin-top: -40px;
        width: 15px;
        height: 15px;
        border-radius: 50px !important;
        z-index: 1;
    }

    .img-layout2 > span {
        margin-left: 80px;
        margin-top: -40px;
        width: 15px;
        height: 15px;
        border-radius: 50px !important;
        z-index: 1;
    }

    div.img-layout :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }

    div.img-layout1 :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }

    div.img-layout2 :hover {
        background: #0091cf !important;
        opacity: 1 !important;
    }

    .newsletter-txt h3 {
        text-transform: none !important;
        /*margin-bottom: 40px;*/
    }

    .pbox-11-img {
        text-align: left !important;
        margin-top: 60px !important;
    }

    .social-icon {
        text-align: right !important;
    }

    /* anyone text alignment */

    .anyone {
        text-align: center !important;
    }

    .any-align {
        padding-top: 0px !important;
    }

    #traningprogram {
        padding-top: 250px !important;
        height: 1300px !important
    }

    .cookcard {
        margin-right: 0px !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !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/_templateAr/images/recipes/bannermobile1.jpg);
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    #hero-3 {
        height: 500px !important;
    }

    .recipedesc {
        margin-top: -180px !important
    }

    #traningprogram {
        padding-top: 250px !important;
        height: 1300px !important
    }

    .zoom2 {
        margin-left: 0px !important
    }

    .zmbox {
        padding-bottom: 50px !important
    }

    #traningprogramX {
        padding-top: 250px !important;
        height: 3100px !important
    }

    /* anyone text alignment */

    .anyone {
        text-align: center !important;
    }

    .any-align {
        padding-top: 0px !important;
    }

    .cookcard {
        margin-right: 0px !important;
    }

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