@font-face {
    font-family: Dinar;
    src: url("fonts/GE_DINAR_TWO_MEDIUM.OTF") format("opentype");
}

@font-face {
    font-family: Dinar;
    font-weight: bold;
    src: url("fonts/GE_DINAR_TWO_MEDIUM.OTF") format("opentype");
}

body {
    background-image: url(../home/img/demos/sass/icons/home-bg.png);
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    background-size: contain;
}
.body {
    background: transparent;
}

.bg-primary {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-image: url(../home/img/demos/sass/icons/33.png) !important;
    /*background-size: 100% 100%;*/
    /*background-position: center;*/
}

html .bg-color-primary, html .bg-primary {
    background-color: transparent !important;
}

.curved-border:after {
    background-color: transparent;
    background-image: none;
}

.bg-primary-inverse {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-image: url(../home/img/demos/sass/icons/about-back.png) !important;
    /*background-size: cover !important;*/
    background-size: 100% 100% !important;
    /*background-position: center;*/
}

section.section {
    background-color: transparent !important;
}

p {
    text-align: right;
    direction: rtl;
}

.chef-about {
    height: 50vw;
    padding-top: 12vw;
    text-align: center;
    width: 50%;
    float: right;
    margin-right: -100px;
}

.chef-about-text {
    line-height: 3rem;
    color: #66252D;
}

.chef-about-bg {
    background-image: url('../home/img/demos/sass/icons/chef-pos6.png');
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: 90%;
    margin-top: -200px;
}

section.section.section-height-5 {
    padding: 9.2rem 0 0 0 !important;
}

.section-blog {
    background-image: url(../home/img/demos/sass/icons/00000.png) !important;
    background-repeat: repeat-y !important;
    background-size: contain !important;
}


/*.dishes{*/
    /*max-width: 50% !important;*/
    /*float: right;*/
    /*margin-top: 50%;*/
/*}*/
.logo{
    top: 10%;
    left: 15%;
}
.logo_img{
    width:45%;
}
.dishes_img{
    width: 70%;
}
.leaf_img{
    width: 70%;
}
.onion_img{
    width: 70%;
}
.tomato_img{
    width: 70%;
}
.pepper_img{
    width: 70%;
}

.owl-carousel img{
    width: 50px !important;
}
.bg-primary{
    background-size:  1750px 400px !important;
}
.dishes{
    top: 17%;
    right: 10%;
}
.slider{
    height: 760px;
    background-color: transparent;
}


/* For Large Devices*/
@media (min-width: 1300px){
    /*.bg-primary{*/
        /*background-size: 1750px !important;*/
    /*}*/
    .about{
        height: 750px !important;
    }

    .slider{
        height: 400px;
        background-color: transparent;
    }
    .logo{
        top: 10%;
        left: 10%;
    }
    .logo_img{
        width:45%;
    }
    .dishes{
        right: 2%;
    }
    .dishes_img{
        width: 56%;
    }
    .leaf_img{
        width: 50%;
    }
    .onion_img{
        width: 50%;
    }
    .tomato_img{
        width: 50%;
    }
    .pepper_img{
        width: 50%;
    }
    .leaf{
        top: 50% !important;
        left: 40% !important;
    }
    .onion{
        top: 25% !important;
        right: 40% !important;
    }
    .tomato{
        top: 10% !important;
        left: 5% !important;
    }
    .pepper{
        top: 30% !important;
        right: 10% !important;
    }

    .owl-carousel img{
        display: block;
        margin-left: auto;
        margin-right: auto;

        width: 200px !important;
    }
    .mt-5 {
         margin-top: 0!important;
    }

    .lead{
        font-size: 20px !important;
    }
    .chef-about-bg{
        background-size: 68%;
        margin-top:-200px;
    }
    .chef-about{
        margin-right: 165px;
        padding-top: 9vw;
    }
    .chef-about-text {
        line-height: 2rem;
        color: #66252D;
        width: 100%;
        padding: 10px;
        font-size: 19px !important;
    }
    .cms{
        max-width: 75%;
    }

}
/* For Medium Devices*/
@media (min-width: 768px) and (max-width: 1300.98px){
    /*.bg-primary{*/
        /*background-size: 1580px !important;*/
    /*}*/
    .logo_img{
        width:35%;
    }
    .dishes_img{
        width: 50%;
    }
    .leaf_img{
        width: 50%;
    }
    .onion_img{
        width: 50%;
    }
    .tomato_img{
        width: 50%;
    }
    .pepper_img{
        width: 50%;
    }
    .leaf{
        top: 15% !important;
        left: 40% !important;
    }
    .onion{
        top: 45% !important;
        right: 25% !important;
    }
    .tomato{
        top: 55% !important;
        left: 35% !important;
    }
    .pepper{
        top: 15% !important;
        right: 15% !important;
    }

    .owl-carousel img{
        display: block;
        margin-left: auto;
        margin-right: auto;

        width: 150px !important;
    }
    .mt-5 {
         margin-top: 0!important;
    }

    .lead{
        font-size: 20px !important;
    }
    .chef-about-bg{
        background-size: 58%;
    }
    .chef-about{
        margin-right: 324px;
        padding-top: 9vw;
    }
    .chef-about-text {
        line-height: 2rem;
        color: #66252D;
        width: 95%;
        padding: 10px;
        font-size: 15px !important;
    }

}

/* For Mobile Devices*/
@media (max-width: 767.98px){
    .slider{
        height: 400px;
        background-color: transparent;
    }
    .logo{
        top: 6% !important;
        left: 25% !important;
    }
    .leaf{
        top: 5% !important;
        left: 5% !important;
    }
    .pepper{
        top: 60% !important;
        right: 0% !important;
    }
    .onion{
        top: 12% !important;
        right: 0% !important;
    }
    .tomato{
        top: 60% !important;
        left: 48% !important;
    }
    /*.bg-primary{*/
        /*background-size: 1580px !important;*/
    /*}*/

    .logo_img{
        width:70%;
    }
    .owl-carousel img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 225px !important;
    }

    .chef-about-bg{
        background-size: 71%;
        margin-top: -170px;

    }
    .chef-about{
        margin-right: 125px;
        padding-top: 9vw;
    }
    .chef-about-text {
        line-height: 1rem;
        width: 120%;
        padding: 0px;
        margin-top: 15px;
        font-size: 10px !important;
    }
    .cms{
        max-width: 60%;
    }


}