/*video section starts here*/
/*Info: Only Margins  */
.m-0 {
    margin: 0 !important;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.mr-5, .mx-5 {
    margin-right: 3rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

/* // Extra small devices (portrait phones, less than 576px) */

/* // No media query since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    
    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important;
    }
    
    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important;
    }
    
    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important;
    }
    
    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important;
    }
    
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    
    .mt-sm-1, .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    
    .mr-sm-1, .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    
    .mb-sm-1, .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    
    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    
    .mt-sm-2, .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    
    .mr-sm-2, .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    
    .mb-sm-2, .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    
    .ml-sm-2, .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    
    .m-sm-3 {
        margin: 1rem !important;
    }
    
    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important;
    }
    
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important;
    }
    
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important;
    }
    
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    
    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    
    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    
    .m-sm-5 {
        margin: 3rem !important;
    }
    
    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important;
    }
    
    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important;
    }
    
    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    
    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important;
    }
    
    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important;
    }
    
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important;
    }
    
    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important;
    }
    
    .m-md-1 {
        margin: 0.25rem !important;
    }
    
    .mt-md-1, .my-md-1 {
        margin-top: 0.25rem !important;
    }
    
    .mr-md-1, .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    
    .mb-md-1, .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    
    .ml-md-1, .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    
    .m-md-2 {
        margin: 0.5rem !important;
    }
    
    .mt-md-2, .my-md-2 {
        margin-top: 0.5rem !important;
    }
    
    .mr-md-2, .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    
    .mb-md-2, .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    
    .ml-md-2, .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    
    .m-md-3 {
        margin: 1rem !important;
    }
    
    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important;
    }
    
    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important;
    }
    
    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important;
    }
    
    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important;
    }
    
    .m-md-4 {
        margin: 1.5rem !important;
    }
    
    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important;
    }
    
    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    
    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    
    .m-md-5 {
        margin: 3rem !important;
    }
    
    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important;
    }
    
    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important;
    }
    
    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important;
    }
    
    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important;
    }
    
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important;
    }
    
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }
    
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important;
    }
    
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    
    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    
    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    
    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    
    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    
    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    
    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    
    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    
    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    
    .m-lg-3 {
        margin: 1rem !important;
    }
    
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important;
    }
    
    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important;
    }
    
    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    
    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important;
    }
    
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    
    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    
    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    
    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    
    .m-lg-5 {
        margin: 3rem !important;
    }
    
    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important;
    }
    
    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important;
    }
    
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    
    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important;
    }
    
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important;
    }
    
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important;
    }
    
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important;
    }
    
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    
    .mt-xl-1, .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    
    .mr-xl-1, .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    
    .mb-xl-1, .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    
    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    
    .mt-xl-2, .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    
    .mr-xl-2, .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    
    .mb-xl-2, .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    
    .ml-xl-2, .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    
    .m-xl-3 {
        margin: 1rem !important;
    }
    
    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important;
    }
    
    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important;
    }
    
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    
    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important;
    }
    
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    
    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    
    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    
    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    
    .m-xl-5 {
        margin: 3rem !important;
    }
    
    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important;
    }
    
    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important;
    }
    
    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    
    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important;
    }
}
/*Info: Only Paddings  */
.p-0 {
    padding: 0 !important;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.pr-5, .px-5 {
    padding-right: 3rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
    padding-left: 3rem !important;
}

/* // Extra small devices (portrait phones, less than 576px) */

/* // No media query since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0 !important;
    }
    
    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important;
    }
    
    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important;
    }
    
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important;
    }
    
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important;
    }
    
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    
    .pt-sm-1, .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    
    .pr-sm-1, .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    
    .pb-sm-1, .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    
    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    
    .pt-sm-2, .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    
    .pr-sm-2, .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    
    .pb-sm-2, .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pl-sm-2, .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    
    .p-sm-3 {
        padding: 1rem !important;
    }
    
    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important;
    }
    
    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important;
    }
    
    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    
    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important;
    }
    
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    
    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    
    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    
    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    
    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    
    .p-sm-5 {
        padding: 3rem !important;
    }
    
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important;
    }
    
    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important;
    }
    
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    
    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
    }
    
    .pt-md-0, .py-md-0 {
        padding-top: 0 !important;
    }
    
    .pr-md-0, .px-md-0 {
        padding-right: 0 !important;
    }
    
    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important;
    }
    
    .pl-md-0, .px-md-0 {
        padding-left: 0 !important;
    }
    
    .p-md-1 {
        padding: 0.25rem !important;
    }
    
    .pt-md-1, .py-md-1 {
        padding-top: 0.25rem !important;
    }
    
    .pr-md-1, .px-md-1 {
        padding-right: 0.25rem !important;
    }
    
    .pb-md-1, .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    
    .pl-md-1, .px-md-1 {
        padding-left: 0.25rem !important;
    }
    
    .p-md-2 {
        padding: 0.5rem !important;
    }
    
    .pt-md-2, .py-md-2 {
        padding-top: 0.5rem !important;
    }
    
    .pr-md-2, .px-md-2 {
        padding-right: 0.5rem !important;
    }
    
    .pb-md-2, .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pl-md-2, .px-md-2 {
        padding-left: 0.5rem !important;
    }
    
    .p-md-3 {
        padding: 1rem !important;
    }
    
    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important;
    }
    
    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important;
    }
    
    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important;
    }
    
    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important;
    }
    
    .p-md-4 {
        padding: 1.5rem !important;
    }
    
    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important;
    }
    
    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important;
    }
    
    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important;
    }
    
    .p-md-5 {
        padding: 3rem !important;
    }
    
    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important;
    }
    
    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important;
    }
    
    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important;
    }
    
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
    }
    
    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important;
    }
    
    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important;
    }
    
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important;
    }
    
    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important;
    }
    
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    
    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    
    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    
    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    
    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    
    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    
    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    
    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    
    .p-lg-3 {
        padding: 1rem !important;
    }
    
    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important;
    }
    
    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important;
    }
    
    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    
    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important;
    }
    
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    
    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    
    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    
    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    
    .p-lg-5 {
        padding: 3rem !important;
    }
    
    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important;
    }
    
    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important;
    }
    
    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    
    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .p-xl-0 {
        padding: 0 !important;
    }
    
    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important;
    }
    
    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important;
    }
    
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important;
    }
    
    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important;
    }
    
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    
    .pt-xl-1, .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    
    .pr-xl-1, .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    
    .pb-xl-1, .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    
    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    
    .pt-xl-2, .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    
    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    
    .pb-xl-2, .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    
    .p-xl-3 {
        padding: 1rem !important;
    }
    
    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important;
    }
    
    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important;
    }
    
    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    
    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important;
    }
    
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    
    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    
    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    
    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    
    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    
    .p-xl-5 {
        padding: 3rem !important;
    }
    
    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important;
    }
    
    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important;
    }
    
    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    
    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important;
    }
}
video::-webkit-media-controls {
  display: none;
}
.home-bg-only-mobile{
  display: none;
}
.video-button {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30px;
  color: red;
}

.video-wrapper video {
  height: 100vh;
  /*   position: absolute;*/
  object-fit: fill;
}

.video-wrapper {
  height: 100vh;
}
.video_section {
  position: relative;
  /*padding-top: 60px;*/
}

.play-button {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 35px;
  color: red;
  display: none;
}
.desktop-image{
  display: block;
}

.mobile-imgae{
  display: none;
}

.wpcf7-validation-errors{
  display: none !important;
}

.wpcf7-validation-errors{
  color: #f00;
}
/*video section ends here*/


/*topical-widgets starts here*/

.topical-widgets {
display: none;
  width: 300px;
  background-color: rgba(0,0,0,0.9);
  text-align: center;
  padding: 15px;
  position: fixed;
  z-index: 999999;
  top: 100px;
  right: 0;
  padding-bottom: 222px;
  color: #fff;
}

.topical-widgets>h2 {
  margin-top: 8px;
  padding-bottom: 11px;
  font-family: 'GothamRounded-Bold';
}

.topic-wid-details img {
  width: 100%;
}

.topic-wid-details {
  right: -5px !important;
}


/*nano scroll css starts here*/
/** initial setup **/
.topical-widgets .nano {
  position : relative;
  width    : 268px;
  height   : 100%;
  overflow : hidden;
}
.topical-widgets .nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.topical-widgets .nano .content:focus {
  outline: thin dotted;
}
.topical-widgets .nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.topical-widgets .has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.topical-widgets .nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 5px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.topical-widgets .nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.topical-widgets .nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.topical-widgets .nano { background: rgba(0,0,0,0.9); height: 347px; }
.topical-widgets .nano .content { padding: 10px; }
.topical-widgets .nano .pane   { background: #888; }
.topical-widgets .nano .slider { background: #111; }
.topical-widgets .pane{
  display: block !important;
}
/** initial setup **/

/*.topical-widgets .nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  color: #ffffff;
}

.topical-widgets .nano .content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.topical-widgets .nano .content:focus {
  outline: thin dotted;
}

.topical-widgets .nano .content::-webkit-scrollbar {
  visibility: hidden;
}

.topical-widgets .has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}

.topical-widgets .nano>.pane {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.topical-widgets .nano>.pane>.slider {
  background: #444 !important;
   background: rgba(0,0,0,.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.topical-widgets .pane{
  display: block !important;
}
.topical-widgets .nano:hover>.pane,
.topical-widgets .pane.active,
.pane.flashed {
  visibility: visible\9;
  opacity: 0.99;
}

.topical-widgets .nano {
  height: 370px;
}

.topical-widgets .nano .content {
  padding: 10px;
  padding-top: 0px;
}

.topical-widgets .nano .pane {
  background: #888;
}

.topical-widgets .nano .slider {
  background: #111;
}*/


/*nano scroll css ends here*/

.topic-wid-details button {
  background: gray;
  border: none;
  padding: 5px 15px;
  border-radius: 4px;
  margin-bottom: 40px;
}

.topical-closeIcon {
  height: 11px;
  width: 9px;
  float: right;
  cursor: pointer;
  margin-top: -5px;
  margin-right: -6px;
}

.topic-wid-details>h2 {
  margin-top: 8px;
}

.More-widgets {
  display: none;
}

.nanoscroll-more p {
  cursor: pointer;
  text-align: center;
}

.nanoscroll-more {
  padding-top: 8px;
  color: white;
  cursor: pointer;
}

.nanoscroll-more img {
  padding: 6px;
}

.topic-btn {
  width: 100px;
  margin-bottom: 25px;
}

.topic-btn img {
  cursor: pointer;
}


/*topical-widgets ends here*/


/*first banner section starts here*/

.first-banner-section {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  color: #ffffff;
}

.first-banner-section h2 {
  font-family: 'rugsnatcher';
  font-size: 36px;
}

.first-banner-section p {
  font-size: 14px;
}

.explore-player-btn img {
  cursor: pointer;
}


/*first banner section starts here*/


/*second banner css starts here*/

.home-sec-banner {
/*  background-image: url(../img/home/sec-bg.png);
  background-repeat: no-repeat;
  height: 100vh;
  background-size: cover;*/
  position: relative;
}
.home-sec-banner img{
  width: 100%;
}
.slider-sec-wrapper{
  position: absolute;
  top: 0;
}
.sec-banLeft-sec img {
  float: right;
}
.sec-wrapper {
  margin-top: 2%;
}
.slider-sec-wrapper .owl-theme .owl-nav.disabled+.owl-dots{
margin-top: 30px;
}

/*.sec-wrapper{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/

.sec-banRight-sec h2 {
  color: #ffffff;
}

.sec-banRight-sec p {
  color: #ffffff;
  font-size: 14px;
}

.sec-banRight-sec button {
  background: black;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  padding: 5px 15px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.sec-banRight-sec ul {
  padding-left: 0px;
}

.sec-banRight-sec ul li {
  list-style: none;
  display: inline-block;
}

.buy-now-btn {

  display: inline-block;
}
.buy-list {
  display: inline-block;
}
.buy-list ul{
  color: #ffffff;
}
/*.buy-now-btn{
  padding-left: 20px;
}*/
.buy-now-btn a{
    padding: 5px 5px;
    border:2px solid white;
    color: white;
     font-family: 'Gotham-Light';
     display: block;
}
.only-food-left-sec{
    padding-bottom: 20px;
}
#section1 .owl-item {
  margin-left: 0px !important;
}

.slider-sec-wrapper {
  padding-top: 75px;
}


/*.owl-carousel .owl-dot{
    display: none !important;
}*/


/*.slider-outer-wrap{
    display: table;
    padding-top: 200px;
    width: 80%;
    margin: auto;
}
.slider-inner-wrap{
    display: table-cell;
    vertical-align: middle;
    margin: auto;
}*/


/*second banner css ends here*/


/*third banner css starts here*/

.home-third-banner {
/*  background-image: url(../img/home/mob-food.jpg);
  background-repeat: no-repeat;
  height: 100vh;
  background-size: cover;*/
  position: relative;
}

.thirdBan-wrapper{
  position: absolute;
  top: 0;
  left: 5%;
}
.third-banLeft-sec {
  padding-top: 80px;
}

.thirdBan-fooddetail h2 {
  /* color: #fbe2c4;*/
  font-size: 36px;
  font-family: 'rugsnatcher';
}
.our-story-details a{
  border:2px solid white;
  padding: 5px 5px;
  color: white;

}
.our-story-details {
  margin-top: 35%;
}
.thirdBan-fooddetail p {
  color: #5e351d;
  font-size: 16px;
}

.third-banLeft-sec .food-gredient {
  display: table-cell;
}

.third-banLeft-sec span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  color: #5e351d;
  font-size: 14px;
}

.third-banLeft-sec>h2 {
  padding-bottom: 10px;
  color: #5e351d;
}
.recipe-second-banner-details{
  /*position: absolute;*/
  top: 17%;
}
input[type='radio'] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #5e351d;
  border-radius: 50%;
  outline: none;
}

input[type='radio']:focus {
  outline: none;
}

input[type='radio']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input[type='radio']:checked:before {
  background: #5e351d;
}


/*third banner css ends here*/


/*fourth banner css starts here*/

.home-fourth-banner {
  background-image: url(../img/home/about-bg.png);
  background-repeat: no-repeat;
  height: 100vh;
  background-size: cover;
  position: relative;
}

.fourth-wrapper button {
  background: black;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 5px 15px;
}

.fourth-banLeft-sec {
  padding-top: 10%;
}


/*fourth banner css ends here*/


/*fourth banner css starts here*/

.home-fifth-banner {
/*  background-image: url(../img/home/fourth-ban-bg.png);
  background-repeat: no-repeat;
  height: 100vh;
  background-size: cover;*/
  position: relative;
}
.home-fifth-banner img{
  width:100%;
}
.fifth-wrapper {
  position: absolute;
  padding-top: 60px;
  color: #ffffff;
  top: 0;
  left: 5%;
}

.fifth-wrapper>h2 {
  font-size: 36px;
}

.our-story-menu {
  padding-left: 0;
}

.our-story-menu li {
  display: inline-block;
  list-style: none;
  border-left: 1px solid #ffffff;
  padding: 0px 15px;
  height: 1em;
  cursor: pointer;
}

.our-story-menu li:first-child {
  border: none;
  padding-left: 0px;
}

.our-story-menu li:hover {
  font-weight: bold;
}

.our-story-menu li a {
  text-decoration: none;
  color: #000;
}

.our-story-details h2 {
  font-size: 36px;
  font-family: 'rugsnatcher';
}

.our-story-details p {
  font-size: 16px;
  padding-bottom: 10px;
}


/*fifth banner css ends here*/


/*sixth banner css ends here*/

.home-sixth-banner {
/*  background-image: url(../img/home/Layer-565.png);
  background-repeat: no-repeat;
  background-size: cover;*/
  position: relative;
/*  padding-top: 90px;
  padding-bottom: 65px;*/
}
.home-sixth-banner img{
  width: 100%;
  min-height: 520px;
}

.grown-details  a{
  color: #5e351d;
  border:2px solid #5e351d;
  padding: 5px 5px;
}
.grown-details p{
  padding-bottom: 15px;
}
.only-food-left-sec img{
  width: 35%;
}
/*.grown-details {
     float: right;
    text-align: right;
    width: 51%;
    margin-top: 29px;
}*/
/*.grown-details h1{*/
/*  color: #5e351d;
  font-family: 'rugsnatcher';
}*/
.only-food-details {
padding-top: 50px;
text-align: center;
}
.sixthBan-wrapper{
  position: absolute;
  top: 0;
/*  padding-top: 115px;*/
  left: 13%;
  width: 73%;
}
.social-fbLink iframe {
  width: 100%;
  height: 510px;
}

.social-youtubeLink iframe {
  width: 100%;
}

.social-post>h2 {
  color: #5e351d;
  padding-bottom: 20px;
}

.social-twitterLink .twitter-tweet {
  margin-top: 0 !important
}


/*.EmbedFooter{
    display: none !important;
}*/

.EmbedHeader {
  display: none !important;
}

.EmbedFrame img {
  height: 200px;
}

._1q3w {
  display: none !important;
}

.EmbedCaption,
.EmbedTimestamp,
.EmbedTimestamp:visited {
  display: none;
}

.social-instagram iframe {
  height: 221px;
}


/*sixth banner css ends here*/


/*search css starts here*/

.search-section {
  background-color: #16a695;
  height: 150px;
  position: relative;
}

.search-box h3 {
  float: left;
  color: #ffffff;
  margin: 0px;
  padding-top: 4px;
}

.Enter-PN-field input {
  width: 30%;
  margin-left: 30px;
  height: 35px;
  padding-left: 15px;
  border: none;
}

.seach-field button {
  width: 10%;
  height: 35px;
  border: none;
  background: #000;
  color: #ffffff;
}

.search-box {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}


/*search css ends here*/


/*footer css starts here*/

.footer {
  background-color: #000;
  /* height: 168px; */
  position: relative;
  z-index: 999999;
  font-size: 13px;
  padding-bottom: 23px;
}

.footer p {
  padding-top: 40px;
}

.footer-terms {
  padding-left: 0px;
  color: #ffffff;
  opacity: 0.5
}

.footer-addr p {
  color: #ffffff;
  opacity: 0.5;
}

.footer-terms li {
  display: inline-block;
  list-style: none;
  padding-right: 16px;
  padding-left: 12px;
}

.footer-terms li:first-child {
  border-right: 1px solid white;
  height: 1em;
  padding-left: 0px;
}

.footer-MenuList {
  padding-top: 35px;
  padding-left: 0px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.footer-cities-list {
  margin-top: 10px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.cities-List span{
  color: #ffffff;
}
.cities-List{
  margin-top: 10px;
}
.footer-MenuList li {
  display: inline-block;
  list-style: none;
  padding: 4px;
}

.footer-MenuList li a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.5;
}

.footer-social-list {
  float: right;
  padding-top: 30px;
}

.footer-social-list li {
  display: inline-block;
  list-style: none;
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  margin-right: 4px;
}

.footer-social-list li:last-child {
  margin-right: 0px;
}

.footer-social-list li img {
  height: 25px;
}

.footer-social-list li a {
  color: #000;
}

.cities-List ul li {
  display: inline-block;
  list-style: none;
  border-right: 1px solid #ffffff;
  height: 1em;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.5;
}

.cities-List ul li:last-child {
  border-right: 0px;
}

.cities-List ul {
  padding-left: 5px;
}

.cities-List ul li a {
  color: #ffffff;
  text-decoration: none;
}

.footer-terms-list ul li {
  display: inline-block;
  list-style: none;
  color: #ffffff;
  opacity: 0.5;
  border-right: 1px solid white;
  height: 1em;
  padding-right: 15px;
  padding-left: 15px;
}

.footer-terms-list ul {
  padding-left: 27px;
}

.footer-terms-list ul li a {
  color: #ffffff;
}

.footer-terms-list ul li:first-child {
  padding-left: 0px;
}

.footer-socilaIcons {
  padding-top: 15px;
  /*float: right;*/
  display: block;
  margin: 0 auto;
  text-align: center;
}

.footer-socilaIcons li {
  display: inline-block;
  list-style: none;
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  margin-right: 4px;
}

.footer-socilaIcons li a {
  color: #000;
}

.footer-terms-list ul li:last-child {
  border-right: 0px;
}

.footer-terms-list ul li a {
  text-decoration: none;
}
.fa-youtube-play{
  padding-left: 1px;
}
.fa-linkedin{
  margin-left: -1px;
}
.fa-facebook{
  padding-top: 4px;
}
#mobile-sidebar .footer-socilaIcons a{
  padding: 0 !important;
}
#mobile-sidebar .fa-youtube-play {
    padding-left: 0px;
}
#mobile-sidebar .footer-socilaIcons{
    padding-left: 0;
    margin-left: -62px;
}
#footer .fa-youtube-play{
  padding-left: 0;
}
#footer .fa-linkedin{
  margin-left: 0;;
}
/*footer css ends here*/

/*.dropdown {
  position: absolute;
  bottom: 50px;
  text-align: center;
  left: 50%;
  margin-left: -36px;
  cursor: pointer;
  color: #ffffff;
}*/
.dropdown h4{
  color: #ffffff !important;
}
.scroll-arrow {
  position: absolute;
  bottom: 50px;
  text-align: center;
  left: 50%;
  margin-left: -36px;
  cursor: pointer;
  color: #ffffff;
}

.scroll-arrow p {
  font-size: 16px;
}

.up-arrow-img img {
  cursor: pointer;
  top: 51%;
  right: 5px;
  position: absolute;
  width: 25px;
  z-index: 9999999;
}

.down-arrow-img img {
  cursor: pointer;
  top: 55%;
  right: 5px;
  position: absolute;
  width: 25px;
  z-index: 9999999;
}

section {
  position: relative;
}

.prev-section,
.next-section {
  display: inline-block;
  float: left;
  margin: 10px;
}

.section-content {
  clear: both;
  margin: 10px;
}


/*.next-section{
      position: absolute;
    right: 0;
    top: 48%;
}
.prev-section{
      position: absolute;
    right: 0;
    top: 42%;
}*/

.home-carsouel-sec .next-section {
  z-index: 999999;
}

.home-carsouel-sec .prev-section {
  z-index: 999999;
}


/*.home-sec-banner .owl-carousel, .owl-carousel .owl-item{
  position: absolute;
}*/


/*contactus css starts here*/

.contactus-main-banner-img img {
  width: 100%;
}

.contactus-main-banner-title {
  top: 200px;
  position: absolute;
}

.contactus-main-banner-title h1 {
  color: #fff;
  font-family: 'rugsnatcher';
  font-size: 60px;
  letter-spacing: 1px;
}

.contactus-main-banner-title p {
  width: 500px;
  color: #fff;
  font-family: 'Gotham-Light';
  font-size: 14px;
}

.contactus-dropdown a {
  color: white;
  border: 2px solid white;
  padding: 5px 10px;
  text-decoration: none;
  font-family: 'Gotham-Light';
  font-weight: bold;
  font-size: 14px;
}

.contactus-dropdown {
  margin-top: 20px;
  /*display: none;*/
}

.contactus-left {
  padding-left: 250px;
}

.contactus-getin-touch h2{
  color: #16a693;
  font-family: 'rugsnatcher';
  font-size: 60px;
  margin-top: 100px
}

.contactus-getin-touch p {
  width: 600px;
  color: #000;
  font-family: 'Gotham-Light';
  font-size: 14px;
}

.contact-padding {
  left: 0;
  right: 0;
}

.contactus-last-main-wrapper {
  background-color: #16a693;
  width: 100%;
  overflow: hidden;
}

.contactus-id-kitchens h2 {
  color: #ffffff;
  font-family: 'rugsnatcher';
  font-size: 60px;
  margin-top: 100px
}

.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.contactus-id-kitchens p {
  width: 625px;
}

.contactus-custom-width {
  width: 25%;
  float: left;
  padding-left: 10px;
  font-family: 'GothamRounded-Bold';
}

.contactus-each-addres-wrapper {
  margin-bottom: 100px;
}

.contactus-each-address h3 {
  color: #fff;
  font-size: 16px;
}

.contactus-vist-details h3 {
  color: #16a693;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Gotham-Light';
  margin-top: 40px;
  font-size: 20px;
}

.contactus-visit-inner p {
  width: 450px;
}

.contactus-form-main-wrapper {
  margin-top: 50px;
}

.contactus-middle-wrapper {
  margin-bottom: 100px;
}

.contactus-visit-inner h4 {
  color: #16a693;
  text-transform: uppercase;
  font-family: 'Gotham-Light';
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}

.contactus-phone-section h4 {
  color: #16a693;
  text-transform: uppercase;
  font-family: 'Gotham-Light';
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
}

.contactus-getin-touchLeft {
  padding-left: 0;
}

.custom-from-input {
  border-radius: 0px;
  background-color: #E6E4E4;
  box-shadow: none;
}

.send-massage-button {
  border: 2px solid #16a693;
  background-color: #fff;
  color: #16a693;
  padding: 2px 35px;
  font-family: 'Gotham-Light';
  font-weight: bold;
}

.send-massage .fa {
  position: absolute;
  left: 165px;
  top: 3px;
  font-size: 20px;
  color: #16a693;
}

.send-massage {
  margin-top: 10px;
}

.contactus-each-address p {
  font-size: 13px;
  color: #000;
  font-family: 'Gotham-Light';
}

.contactus-id-kitchens p {
  font-size: 14px;
  color: #000;
  font-family: 'Gotham-Light';
}

.contactus-each-address {
  margin-bottom: 30px;
}


/*media styles start here*/

.media-banner-wrapper {
  position: absolute;
  top: 120px;
}

.media-banner-title h1 {
  color: #000;
  font-size: 60px;
  font-family: 'rugsnatcher';
  line-height: 60px;
}

.media-banner-title p {
  color: #000;
  font-family: 'Gotham-Light';
  font-size: 14px;
}

.media-dropdown {
  margin-top: 20px;
}

.media-dropdown a {
  color: #000;
  border: 2px solid #000;
  padding: 5px 10px;
  text-decoration: none;
  font-family: 'Gotham-Light';
}

.media-in-the-news {
  background-color: #16a693;
}

.media-in-the-news-main-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.media-new-title h2 {
  color: #fff;
  font-size: 60px;
  font-family: 'rugsnatcher';
  line-height: 60px;
}
.awards-heading h2{
  color: #15a390;
  font-size: 60px;
  font-family: 'rugsnatcher';
  line-height: 60px;

}
.media-new-title p {
  color: #000;
  font-family: 'Gotham-Light';
  font-size: 14px;
  width: 100%;
}


/*.media-news-inner-each-wrapper h2{
  color: #fff;
  font-size: 20px;
  font-family: 'Gotham-Light';
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 10px
}*/

.media-news-inner-wrapper .nano .pane .slider {
  background-color: #fff;
  /*height: 100px;*/
}

.media-news-inner-wrapper.nano .pane {
  background-color: transparent;
  width: 5px;
  color: #fff;
  height: 100%;
}


/*.media-news-inner-wrapper .nano .pane::before {
    width: 4px;
    height: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
    content: '';
}*/

.media-news-inner-wrapper .nano .pane {
  right: 5px;
  left: auto;
  border-radius: 0px;
}

.media-recent-campaigns-title h2 {
  color: #16a693;
  margin-top: 100px;
  font-size: 60px;
  font-family: 'rugsnatcher';
  line-height: 60px;
}

.media-recent-campaigns-title p {
  width: 50%;
  font-size: 14px;
  color: #000;
  font-family: 'Gotham-Light';
}

.media-recent-campaigns-each-item {
  overflow: hidden;
  padding-right: 10px;
}

.media-recent-campaigns-video-wapprer iframe {
  width: 100%;
}

#media-carousel {
  display: block;
}

.media-recent-campaigns {
  margin-bottom: 80px;
}

.media-recent-campaigns-slider {
  margin-top: 70px;
}

.media-recent-campaigns-content h2 {
  font-size: 16px;
  color: #16a693;
  font-family: 'GothamRounded-Bold';
  font-weight: bold;
}

.media-recent-campaigns-content p {
  font-size: 14px;
  color: #000;
  font-family: 'Gotham-Light';
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

.contactus-map iframe {
  height: 360px;
}

.media-banner-video iframe {
  width: 100%;
  height: 300px;
}

.media-banner-video{
  margin-top: 32px;
}
/*media styles ends here*/

#media-carousel .owl-dots, #recipe-carousel .owl-dots {
  text-align: center;
}

#media-carousel .owl-dots .owl-dot, #recipe-carousel .owl-dots .owl-dot {
    background-color: transparent;
    border: 1px solid #16a693;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 4px;
}

#media-carousel .owl-dots .owl-dot.active, #recipe-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    background-color: #16a693;
    border-radius: 5px;
    /* display: inline-block; */


}

.media-news-nano-text h2 {
  font-size: 16px;
  color: #fff;
  font-family: 'GothamRounded-Bold';
  /*text-transform: uppercase;*/
}

.media-news-inner-each-wrapper p {
  font-size: 14px;
  font-family: 'Gotham-Light';
  color: #000;
}

.media-nano-scroll.nano>.pane {
  width: 1px;
}

.media-nano-scroll.nano>.pane>.slider {
  background: #fff;
  position: absolute;
  width: 5px;
  left: -2.5px;
}

.media-news-inner-wrapper .nano .pane::before {
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  content: '';
  opacity: .5;
}

.media-news-inner-each-wrapper {
  left: 0;
  padding-left: 0px;
}

.media-news-inner-wrapper {
  margin-top: 40px;
}


/*media styles ends here*/

.recipe-banner-mobile {
  min-height: 500px;
  background-size: cover;
  background-position: center;
}

.recipe-banner-mobile {
  display: none;
}

.recipe-banner-mobile-new {
  display: none;
}

.recipe-banner-mobile-new {
  min-height: 1000px;
  background-size: cover;
  background-position: center;
}

.recipe-ingrdients h3,
.tocook-section h3 {
  color: #16a693;
  font-family: 'GothamRounded-Bold';
  font-size: 20px;
}

.home-bg {
      position: absolute;
    top: 24%;
    left: 10%;
}
.home-main-banner-image img{
  width: 100%;
}
.home-main-banner-image .home-bg img{
  width: 100%;
}
.home-bg-details {
  position: absolute;
  bottom: 240px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  left: 20px;
}
.home-bg-details a{
  color: #660705;
  border:2px solid white;
  padding: 5px 10px;
   font-family: 'Gotham-Light';
       border: 2px solid #660705;

}
.home-bg-details p{
  color: #ffffff;
   font-family: 'Gotham-Light';
   padding-bottom: 10px;
}

.wpcf7-mail-sent-ok{
  border: none !important;
  color: #16a693 !important;
  font-weight: bold !important;
}


.only-food-left-sec h4{
  font-size: 14px;
}
.social-twitterLink iframe{
  height: 332px;
}

/*.third-image-banner img{
  min-width: 100%;
  max-width: 100%;
}*/
  .home-sixth-banner .home-bg-mobile img {
        display: none;

  }
  .home-sec-banner .home-bg-mobile img {
        display: none;
  }
  .third-image-banner{
    width: 100%;
  }


.slider-sec-wrapper .owl-theme .owl-nav.disabled+.owl-dots{
  margin-top: 0;
}

  /*.home-fifth-banner .home-bg-mobile img {
        display: none;
    }*/

.home-bg-details p {
    color: #081e54;
    font-family: 'Gotham-Light';
    padding-bottom: 10px;
   /* font-weight: bold;*/
    /*font-size: 15px;*/
}
/*.home-bg-details {*/
/*    position: absolute;*/
/*    top: 47%;*/
/*    left: 36%;*/
/*    width: 59%;*/
/*}*/

.home-main-banner-heading {
    position: absolute;
    top: 0%;
    left: 24%;
    width: 400px;
    display:none;
}
.home-main-banner-heading h1{
  font-size: 160px;
   font-family: 'rugsnatcher';
   color: white;

}
.only-food-details {
  overflow: hidden;
  display: block;
}
.sec-banRight-sec{
  margin-top: 9%;
}

  .social-fbLink iframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
    }


.fifth-ban-details.idHead-text h2{
  margin-top: 0px;
}

.slider-sec-wrapper .owl-nav .owl-prev {
      position: absolute;
    left: 16%;
    top: 50%;
}
.slider-sec-wrapper .owl-nav .owl-next{
      position: absolute;
    right: 10%;
    top: 50%;
}
/*nanoscroll*/
.topic-wid-details .slider{
  height: 45px;
}
.mob-topicWidget-body {
    overflow-y: scroll;
    height: 400px;
    margin: 3% 0%;
}

.cities-List ul li{
      color: #ffffff;
    text-decoration: none;
    opacity: 0.5;
}
.id-batter-heading h1{
  color: #ffffff;
    opacity: 0.5;
  text-align: center;
    font-family: 'Gotham-Light';
        margin-bottom: 0px;
    padding-top: 20px;
    margin-top: 0px;
    font-size: 13px;
}
.batter-heading-section{
  background-color: #000;
}
/*Info: Custom changes for select menu scroll by sachin */

.select-Menu {
    padding-left: 0px;
    cursor: pointer;
    /* overflow-y: scroll; */
    background-color: #000000 !important;
    position: absolute;
    height: auto;
    transition: all 0.5s ease;
    width: 130px;
}

/* width */
.select-Menu::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.select-Menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 0px;
}

/* Handle */
.select-Menu::-webkit-scrollbar-thumb {
    background: white; 
    border-radius: 0px;
}

.sidebar-nav {
    padding-left: 0px;
    cursor: pointer;
    /* overflow-y: scroll; */
    display: flex;
    width: auto;
    margin-left: auto;
}

/* width */
.sidebar-nav::-webkit-scrollbar {
    width: 0px;
}

/* Track */
.sidebar-nav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
.sidebar-nav::-webkit-scrollbar-thumb {
    background: white; 
    border-radius: 10px;
}
.sidebar-nav li {
    text-indent: 7px;
    line-height: 35px;
}
#wpsl-search-wrap div label {
    float: left;
    margin-right: 15px;
    line-height: 25px;
    white-space: nowrap !important;
}
#wpsl-search-wrap .wpsl-input label {
    margin-right: 5px;
    white-space: nowrap !important;
}
.organic-main-section img{
    width: 100%;
    height: 100%;
}
.home-bg-details-organic{
    position: absolute;
    bottom: 230px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    /* right: 150px; */
}
.home-bg-details-organic2{
  position: absolute;
  bottom: 50px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  right: 150px;
}
.home-bg-details-organic3{
  position: absolute;
  bottom: 50px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  right: 150px;
}
.home-bg-details-organic4{
  position: absolute;
  bottom: 50px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  right: 150px;
}
.cretificate-main-section .page-bg {
  width: 100%;
  height: 100%;
}
.cretificate-main-section {
	background: url('https://www.idfreshfood.com/wp-content/uploads/2019/03/Certification-Page-without-2.png');
    background-size: cover;
}
.cretificate-main-section .icon-img{
    padding: 45px 0;
}

.certificate-grid {
	padding: 50% 0 10%;
}

.certificate-grid img {
	width: 100%;
}

.organic-main-section .home-bg-details a, .white-cta .home-bg-details a {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.organic-second-background{
  background: url('https://idspecial.langoorqa.net/wp-content/uploads/2019/05/ID-Web.-design_Fin-Revised.jpg') no-repeat center center;
  background-size: 100% 100%;
  background-position: 100% 100%;
}
.curd-section-three-organi{
  background: url('https://www.idfreshfood.com/wp-content/uploads/2019/04/How-to-use-BG.jpg') no-repeat center center;
  background-size: cover;
}
.second-sub-menu{
  position: absolute;
  background: #000000 !important;
  left: 110px;
  text-align: left;
  width: 301px;
  top: 13px;
  display: none;
  color: #fff;
}
.sidebar-nav .sub-menu .select-Menu li:hover .second-sub-menu{
  display: block;
  padding: 0;
  margin: 0;
  color: #16a695;
}
.sidebar-nav .sub-menu .select-Menu li{
  position: relative;
  color: #fff;
}
li.submenu-highlight .second-sub-menu  li a{
  color: #fff;
}
.org-banner-content{
    position: absolute;
    top: 20%;
    left: 64%;
    padding-right: 20px;
    width: 31%;
    text-align: left;
    color: #fff;
}
.org-banner-content .org-banner-heading{
  font-size: 52px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
..org-banner-content .org-banner-description{
  color: #fff !important;
}
.organic-main-section .curd-main-banner .process-main-banner-section .joc-main-banner-section .about-main-banner .contactus-main-banner{
  padding-top: 60px;
}
.seo-hyp-lnk{
  color: #5e351d;
    border: none !important;
    padding: 0 !important;
    font-weight: 700;
}
#wpsl-stores .next_suply,#wpsl-stores .supplied_time,#wpsl-stores .stock_supplied{
        display: none;
}
.wpsl-info-window .nextsuply_text,.wpsl-info-window .suppliedtime_text,.wpsl-info-window .stocksupplied_text{
    font-weight: 900;
}
/*#wpsl-gmap .wpsl-info-actions {*/
/*    margin: 30px 0!important;*/
/*}*/

.gm-style-iw-d .wpsl-info-window p span,.outletid {
    display: none;
}
#wpsl-gmap .wpsl-info-window {
    min-width: 230px !important;
}
.notify_frm{
    margin-top: 140px;
    margin-bottom: 50px;    
}
.thankyou{
    text-align: center;
    margin: 110px 0px;

}
.thankyou h2{
    font-size: 40px;
    font-weight: 900;    
}
.wpsl-search{
    background: #16a693 !important;    
}

.wpsl-store-details{
    font-weight: 900;
    text-decoration: underline;
}
#form_phcode{
    display: table-cell;
    width: 12%;    
}
#form_phone{
    display: table-cell;
    width: 87%;    
}
/*ticker css starts*/
.ticker-section {
    background: #17a692;
    padding:50px 0px;
    color:#fff;
}


#counter-stats {
	display: flex;
	justify-content: center;
	/*margin-top: 100px;*/
	padding-top:100px;
	padding-bottom:100px;
}

.stats {
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.stats .fa {
  color: #008080;
  font-size: 60px;
}
.ticker-section-heading{
    text-align:center;
}
.ticker-section-heading h3{
    text-align:center;
    color:#fff;
    font-weight:bolder;
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
    font-size:100 !important;
}
.ticker-section-heading p{
    text-align:center;
    padding: 10px 0px 50px 0px;
    font-size:20px;
}
.ticker-section-heading .headline{
    font-size:50px;
    font-weight:bolder;
    text-align: center;
    padding: 10px 0px 20px 0px;
}
.ticker-section-heading .counting{
    font-size:130px;
}
.counting{
    font-size:90;
}
.ticker-section h5{
    font-size:30px;
}
.ticker-section .fa{
    color:#fff;
    font-size: 50px;
    padding: 20px;
}
.counter-main-grid{
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
}
.counter-main-grid .fa-arrow-circle-up:before{
    color:#fff;
}
.stats{
    border-right:4px solid #fff;
}
.stats:last-child{
    border-right:none;
}
.animated-prt-div img{
  position: relative !important;
  animation-name: example !important;
  animation-duration: 1s !important;
  animation-iteration-count: infinite !important;
  padding:5px;
}
@keyframes example {
  0%   {top:0px;}
  25%  {top:0px;}
  50%  {top:10px;}
  75%  {top:10px;}
  100% {top:0px;}
}
.animated-prt-div{
    /*background-color: #fff;*/
    border-radius: 35px;
    /*padding: 10px;*/
    margin-left: 25px;
}
.animated-prt-div iframe{
    background-color: #fff;
    border-radius: 50px;
    width:60px ;
    height:60px ;
}
/*ticker css ends*/
/* Curd Page CSS */
.page-id-174436 .curd-banner-heading h1, .page-id-174436 .ragi p {
    color: white;
}
.page-id-174436 .curd-buy-btn.ragi a {
    border: 3px solid white;
    color: white;
}
.page-id-174436 .curd-banner-heading {
      top: 30%;
      left: 50%;
}
@media (max-width: 768px) {
 .page-id-174436 .curd-mobile-image img {
    width: 50%;
    display: block;
    margin: 0 auto;
 }
 .page-id-174436 .curd-banner-heading {
    top: 25%;
    left: 0%;
 }
}

/* recipe page */
.brown-text {
  color: #e1bf93;
}
.text-white {
    color: white;
}
.joc-main-heading.recipe.idHead-text.brown-text {
    position: absolute;
    top: 25%;
    width: 23%;
    font-family: 'rugsnatcher';
    font-size: 60px !important;
}
section.recipe-desc {
    margin: 100px 0;
}
h1.recipe-heading, h1.more-recipe-head, h1.recipe-detail-heading, h1.ingredients-heading {
    font-family: 'rugsnatcher';
    font-size: 70px;
    color: #15a390;
    margin: 0px 0 20px 0!important;
    line-height: 60px;
}
.subhead-block {
    margin-top: 50px;
}
p.recipe-subhead {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 20px 0;
}
h5.link-desc, h5.detail-page.list {
    font-size: 18px;
    font-weight: 900;
    padding: 0 15px;
}
h6.recipe-links {
    font-size: 18px;
    color: #17a592;
    font-weight: 600;
}
section.recipe-links {
    margin: 70px 0 20px 0;
}
.info-desc {
  margin-right: 10px; color: black; }
  .info-desc:first-of-type {
    margin-left: 60px; }
h5.info {
    color: #15a390;
    font-size: 18px;
    font-weight: bold;
    font-family: 'GothamRounded-Bold';
}
.recipie-detail-info-cusine-box {
    margin: 30px 0;
}
ul.recipe-ingredients {
    list-style-type: disc;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'GothamRounded-Bold';
}
ul.recipe-ingredients li, h5.detail-page.list, h5.link-desc {
    font-family: 'Gotham-Bold' !important;
}
ul.step-by-step-proc, ul.detail-page.links-list {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}
ul.step-by-step-proc li {
    padding: 10px 20px;
}
ul.detail-page.links-list li { padding: 10px 0px; }
p.procedure.bold-text {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
a.detail-page-links {
    position: absolute;
    margin-top: -10px;
    padding: 0 10px;
}
.link-blocks {
    margin: 40px 0;
}
p.fw {
    width: 20%;
    display: inline-block;
    margin-bottom: 0px;
}
.more-recipe-slider {
    margin: 50px 0;
}
h4.more-recipe-heading {
    margin: 10px 0 10px 0;
    color: #17a592;
    font-weight: 500;
    font-family: 'GothamRounded-Bold';
}
p.more-recipe-subheading {
    font-size: 14px;
    font-weight: 600;
    color: black;
}
.p-0 {
    padding: 0;
}
ul.step-by-step-proc, ul.detail-page.links-list { list-style-image: url(https://www.idfreshfood.com/wp-content/uploads/2020/08/point.png); }
img.poi.wp-post-image {
    height: auto;
}
h6.ingredients-sub {
    font-size: 22px;
    font-weight: 900;
}

/*changes on 25-09-2020*/
.recipe-img-custom img{
  width: 100%;
}
.recepie-mem-add-title-height{
  height: 65px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
}
.ragi-use-section-first.rag-paddi{
   margin-right: -5px;
    margin-left: -5px;
}
.add-margin-top-view{
  padding-top: 20px;
}
.media-new-st-campaigns-title h2{
    color: #16a693;
    margin-top: 0px;
    font-size: 60px;
    font-family: 'rugsnatcher';
    line-height: 60px;
  
}
.media-new-st-campaigns-title p{
    font-size: 14px;
    color: #000;
    font-family: 'Gotham-Light';
  
}
.see-more-related-title ul{
  padding: 0px;
  list-style: none;
}
.see-more-related-title ul li span{
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.see-more-related-title ul li {
    color: #337ab7;
    font-size: 18px;
    font-weight: 600;
}
.see-more-related-title  h2{
    font-weight: 600;
    font-size: 22px;
}
.see-look-second-one{
    font-size: 16px;
    color: #000;
    font-family: 'Gotham-Light';
}
.see-look-second-two{
  color: #337ab7;
    font-size: 18px;
    font-weight: 500;
}
.steps-recipe-containerone .procedure-list h3{
  margin-top: 0px;
}
.to-make-bottom-margin-card{
  margin-bottom: 25px;
}
i.fa.fa-chevron-right.fa-fw.rdt {
    font-size: 16px;
}
.recipie-detail-buttonbox {
    margin: 40px 0;
}
.page-id-178190 .ragi h1, .page-id-178190 .ragi h3, .page-id-178190 .ragi p {
    color: white;
}
.page-id-178190 .curd-buy-btn.ragi a {
    color: white;
    border: 3px solid #fff;
}
.page-id-178118 .ragi h1, .page-id-178118 .ragi h3, .page-id-178118 .ragi p {
    color: #841616;
}
.page-id-178118 .curd-buy-btn.ragi a {
    color: #841616;
    border: 3px solid #841616;
}
a.recipie-detail-button {
    color: #16a693;
    border: 3px solid #16a693;
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 700;
}
@media (max-width: 767px) {
  .contact-padding.contact-responsives{
    width: 100%;
  }
  .more-recipes-titles  .more-recipe-head {
    text-align: center;
  }
  .recipe-desc.to-make-bottom-margin-top{
     margin: 20px 5px;
     margin-top: 0px;
  }
  .see-more-related-title {
      padding: 0px 20px;
      margin-bottom: 20px;
  }
  .to-make-bottom-margin-card{
       margin: 25px 20px
  }
  .main-div-media-recipes-views{
    margin: 0px;
  }
  .steps-recipe-containerone{
    margin-bottom: 15px;
  }
  .body-paddingTop {
    padding-top: 85px!important;
}
.main-div-media-bottom-m{
  margin-bottom: 25px;
}
}

@media (min-width: 768px) {
  .steps-recipe-containerone{
    padding-right: 0px;
  }
  .steps-recipe-containertwo{
    padding-left: 0px;
  }
  .recepie-mem-add-title-height{
    margin-bottom: 10px;
  }
}
/*end changes */
/* Live Video page */
.heading_sections h3 {
    text-align: center;
    color: #15a390;
    font-size: 45px;
    font-weight: 600;
}
img.img-fluid.vid {
    position: absolute;
    top: 144px;
    left: 415px;
    width: 18%;
    z-index: -1;
}
span.camera {
    background: url(https://www.idfreshfood.com/wp-content/uploads/2021/11/videograph_1.png);
    color: white;
    font-weight: 700;
    font-family: 'GothamRounded-Bold';
    background-size: 100% 100%;
    padding: 0 30px 0 5px;
}
p.sub-text {
    text-align: center;
    font-size: 18px;
    color: #606060;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 50px !important;
}
.mt-100 {
    margin-top: 150px;
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mt-5{
    margin-top: 3rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.content {
    background: url(https://www.idfreshfood.com/wp-content/uploads/2021/10/live_bg_img.png);
    background-size: 100% 85%;
    background-repeat: repeat-x;
}
img.video-thumbnail {
    margin: 0 !important;
    border-radius: 5px !important;
}
iframe {
    border-radius: 5px !important;
}
a.linking_btns {
    color: #146159;
    border: 3px solid #146159;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}
h4.media-heading {
    padding-top: 1px;
    font-size: 16px;
    color: #15a390;
    font-family: 'Gotham-Light';
    font-weight: bolder;
}
.video-1 { margin: 20px 0 100px 0; }
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
h4.modal-title {
    color: #15a390 !important;
    font-weight: 500;
    font-family: 'GothamRounded-Bold';
    text-align: center;
    margin: 10px 0;
}
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
h4.col_head_section {
    font-size: 21px;
    color: #15a390;
    font-weight: 600;
    font-family: 'GothamRounded-Bold';
    margin: 5px 0;
}
h4.col_head_section::before {
  content:'';
  position: absolute;
  background-color: #15a390;
  width: 90%;
  height: 2px;
  top: -5px;
  left:40px;
}
h4.col_head_section::after {
  content:'';
  position: absolute;
  background-color: #15a390;
  width: 90%;
  height: 2px;
  bottom: -5px;
  left:40px;
}
@media screen and (min-width: 992px) {
    .logo-section img.img-fluid {
      width: 20% !important;
    }
    div#f-38 {
     padding: 0px;
   }
   div#f-28 {
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333%;
    max-width: 30.333333%;
   }
   div#f-48 {
    padding: 0px 0px 0 15px;
   }
   img.video-thumbnail {
    height: 200px;
    margin: 0 !important;
   }
}
@media screen and (max-width: 768px) {
    .logo-section img.img-fluid {
      width: 35%;
    }
    .media {
      margin: 20px auto;
    }
    .button-group .col-xl-6.col-md-12.col-12 {
      margin-bottom: 40px;
    }
}
@media screen and (max-width: 992px) {
    .button-group .col-xl-6.col-md-12.col-12 {
      margin-bottom: 40px;
    }
    iframe {
      height: 310px;
    }
    .content {
        background-size: 100% 25%;
    }
    span.camera {
        padding: 0 30px 5px 5px;
    }
}

@media screen and (max-width: 510px) {
    iframe {
       height: 230px;
    }
    .button-group .col-xl-6.col-md-12.col-12 {
      margin-bottom: 40px;
    }
    .content {
      background-size: 100% 15%;
    }
    img.img-fluid.vid {
        position: absolute;
        top: 129px;
        left: 230px;
        width: 25%;
        z-index: -1;
   }
   p.sub-text {
       font-size: 16px;
   }
   .content {
     background-size: 100%;
     margin-top: 45px;
   }
   .heading_sections h3 {
     font-size: 32px;
   }
   .col-md-7.mt-2 {
    margin-top: 70px !important;
   }
   .mt-100 {
     margin-top: 20px;
   }
   .mobi-mt-100{
       margin-top: 100px;
   }
   .media {
      margin-bottom: 20px;
   }
   .col-lg-4.col-md-4.col-12.mb-3 {
     margin-bottom: 30px;
   }
   div#modalfirst, div#modalseceond, div#modalthird {
       top: 25%;
   }
   .page-template-page-templates.page-template-page-live-feed .close { 
        right: 10px !important;
        top: -20px !important;
        color: #000;
   }
   span.camera {
       padding: 5px 30px 5px 5px;
   }
   h4.col_head_section::before, h4.col_head_section::after {
       width: 100%;
       left: 0px;
   }
   h4.col_head_section {
     font-size: 18px;
   }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    h4.media-heading {
        font-size: 13px;
    }
    img.media-object {
     width: 20px;
   }
   div#f-48 img.media-object {
    width: 25px;
   }
   .col-md-7.my-5 {
     margin-bottom: 0px !important;
   }
   p.sub-text {
       font-size: 17px;
   }
   .content {
      background-size: 100% 65%;
    }
    img.img-fluid.vid {
      position: absolute;
      top: 125px;
      left: 365px;
      width: 20%;
      z-index: -1;
    }
    div#f-38 {
        width: 34%;
    }
    div#f-48 {
        width: 35.333%;
    }
    h4.col_head_section {
        font-size: 16px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    img.img-fluid.vid {
        position: absolute;
        top: 116px;
        left: 288px;
        width: 25%;
        z-index: -1;
    }
    p.sub-text {
        font-size: 16px;
        margin-top: 30px;
    }
    .content {
       background-size: 100% 50%;
    }
    .logo-section img.img-fluid {
      width: 25%;
    }
    .mt-100 {
        margin-top: 125px;
    }
    .heading_sections h3 {
        font-size: 40px;
    }
    div#f-38 h4.media-heading {
       padding-left: 5px;
    }
    div#modalfirst, div#modalseceond, div#modalthird {
       top: 15%;
   }
   h4.col_head_section {
       font-size: 15px;
   }
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) and (orientation: landscape) {
     img.img-fluid.vid {
         top: 142px !important;
         left: 342px !important;
     }   
     div#f-38, div#f-48 {
        width: 45%;
    }
    .media:first-child {
        margin-top: 20px;
    }
}
@media screen and (min-width: 550px) and (max-width: 952px) and (orientation: landscape) {
    .content {
       background-size: 100% 45%;
       margin-top: 40px;
    }
    img.img-fluid.vid {
        position: absolute;
        top: 132px;
        left: 302px;
        width: 20%;
        z-index: -1;
    }
    .col-md-7.mt-2 {
      margin-top: 60px !important;
    }
    .mt-100 {
      margin-top: 20px;
    }
    .logo-section img.img-fluid {
       width: 25%;
    }
    .heading_sections h3 {
        font-size: 35px;
    }
    p.sub-text {
        margin-top: 20px;
        font-size: 15px;
    }
    .col-md-7.col-sm-7.col-xs-12.mt-2.col-centered {
       width: 75%;
    }
    .spcl_cls {
      width: 33.33333333%;
      float: left;
   }
   div#modalfirst, div#modalseceond, div#modalthird {
       top: 25%;
   }
   div#f-38, div#f-48 {
        width: 45%;
    }
    .media:first-child {
        margin-top: 20px;
    }
}
@media screen and (min-width: 580px) and (max-width: 655px) and (orientation: landscape) {
    img.img-fluid.vid {
        position: absolute;
        top: 125px;
        left: 293px;
        width: 20%;
        z-index: -1;
    }
}
@media screen and (min-width: 345px) and (max-width: 365px) {
    img.img-fluid.vid {
      position: absolute;
      top: 125px;
      left: 225px;
      width: 25%;
      z-index: -1;
   }
}
@media screen and (min-width: 319px) and (max-width: 335px) {
    img.img-fluid.vid {
      position: absolute;
      top: 110px;
      left: 204px;
      width: 27%;
      z-index: -1;
  }
}
@media screen and (min-width: 385px) and (max-width: 420px) {
    img.img-fluid.vid {
        position: absolute;
        top: 139px;
        left: 257px;    width: 25%;
        z-index: -1;
   }
}
@media screen and (min-width: 391px) and (max-width: 393px) {
    img.img-fluid.vid {
        left: 237px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    img.img-fluid.vid {
        width: 17%;
        left: 419px;
    }
}
@-moz-document url-prefix() {
  img.img-fluid.vid {
    left: 418px;
    width: 17%;
  }
}  


/*sahana*/
.bg-image-apply{
    /*background: url('https://www.idfreshfood.com/wp-content/uploads/2021/12/white-texture.png') no-repeat center /cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    height: 100%;
}

.id-logo-sec{
    padding-top: 75px;
    padding-bottom: 35px;
}

.box-img{
    background: url('https://www.idfreshfood.com/wp-content/uploads/2021/12/nn.png') no-repeat center /contain;
    min-height: 494px;
   
}
/*.position-text-center{*/
/*    position: absolute;*/
/*    top: 15%;*/
/*    left: 3%;*/
/*}*/

.factoty-live-heading{
 color: #028d7d;
 font-family: 'GothamRounded-Bold';
 margin-top: 0px;
     font-size: 37px;
}
.factoty-description-insidebox{
    color: #056666;
    font-size: 22px;
    font-weight: 600;
    margin-top: 25px;
    padding: 0 30px;
}

@media screen and (min-width: 992px){
.foct-live-logo-section img.img-fluid {
    width: 15% !important;
}
}
.color-13877a{
    color: #13877a;
    font-size: 26px;
}
.twice-desc-hd h4{
    color: #008777;
    font-size: 32px;
}
.twice-desc-hd p{
    color: #008777;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
}

/*@media (min-width: 993px) and (max-width: 1200px){*/
/*  .factoty-live-heading{*/
/*     font-size: 35px !important;*/
/*}  */
/*}*/

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
/*   .factoty-live-heading {*/
/*    font-size: 32px;*/
/*}*/

/*  .page-template-page-factory-live{*/
/*     background: url('https://www.idfreshfood.com/wp-content/uploads/2021/12/snake-one.png') no-repeat 501px 948px / 42%,*/
/*     url(' https://www.idfreshfood.com/wp-content/uploads/2021/12/snake-three.png') no-repeat 231px 1411px / 70%,*/
/*       url(' https://www.idfreshfood.com/wp-content/uploads/2021/12/snake-two.png') no-repeat 116px 2056px / 78%,*/
/*        url('  https://www.idfreshfood.com/wp-content/uploads/2021/12/snake-four.png') no-repeat  502px 2739px / 35%,*/
/*    url('https://www.idfreshfood.com/wp-content/uploads/2021/12/bg-grey-img.png') no-repeat center /cover;*/
    
   
/*}*/
}
@media (max-width: 991px){
.home-video {
    margin-top: 0px !important;
}
.banner-image-home-first-sec{
    padding-top:70px !important;
}
}
.banner-image-home-first-sec{
    padding-top:100px;
}

.mb-150px{
    margin-bottom: 150px;
}
.mb-0{
     margin-bottom: 0px;
}

.bg-white{

    padding: 10px;
 
 
}

.color-009f90, .color-009f90:hover{
    color: #009f90;
    font-size: 18px;
    font-weight: 600;
}
i.fa.fa-facebook.color-009f90 {
    color: #fff;
    background-color: #009f90;
    padding: 3px 5px 0px 10px;
    border-radius: 2px;
}
.social-part h6>span, .social-part span{
    margin-left:7px;
}
.page-template-page-factory-live .bg-black{
    background-color: #000;
    padding: 10px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
}
.jkb{
    /*width: 100%;*/
    /*height: 225px;*/
}
.hnm{
    width: 100%;
    border: 4px solid #1aa595;
}
     
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .position-text-center {
    position: absolute;
    top: 20%;
    left: 6%;
    transform: none;
}
}

@media (min-width: 992px){
   .position-text-center {
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
} 
   .pb-50px{
    padding-bottom: 50px;
}
.pb-85px{
    padding-bottom: 85px;
}
.pb-200px{
    padding-bottom: 200px;
}
.pb-63px{
    padding-bottom: 63px;
} 
.hnm{
    height: 350px;
}
}

@media (max-width: 992px){
    .factoty-live-heading {
    margin-top: 21px !important;
    font-size: 26px !important;
}

.factoty-description-insidebox {
    font-size: 18px !important;
    padding: 0 0px !important;
}
  .box-img{
      background: none !important;
  } 
  
  .mobi-margin-top {
    margin-top: 0px;
}
  .mobi-w-100{
    width: 100%;
}

/*.text-mobi-left{*/
/*    text-align: left !important;*/
/*}*/
}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
     .hnm {
    height: 230px !important;
} 
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 .hnm {
    height: 305px !important;
} 
}


/*updated*/
.feed-texts{
    margin-top: 30px;
}

.main-div{
    width: 66%;
    margin: auto;
    background: #c7ed7b;
    border-radius: 23px; 
    margin-top: 40px;
}
.cam-name{
   
    background: #0c7d70;
   
    padding: 8px;
    border-radius: 23px; 
}
.cam-num {
    font-size: 20px;
}
.cam-descrip{
    color: #0c7d70;
    padding: 12px;
    font-weight: 600;
}
.top-curnve{
    position: absolute;
}
.top-curnve img{
     position: absolute;
    left: -170px;
    top: 0px;
    height: 338px;
}
  .videos-make-up{
      z-index:1;
  }
  .right-vd-right{
      float: right;
  }
  
  .cam3-bg{
      background-color: #0baaa1 !important;
  }
  .bg-076b60{
      background: #076b60 !important;
  }
  
  @media (max-width: 992px){
     .mobile-row-rev{
       display: flex;
    flex-direction: column-reverse;
    flex: wrap;
    flex-wrap: wrap; 
  } 
  }
  
/*---Arpita---*/





/*deepak*/

@font-face {
    font-family: 'GothamRounded-Bold';
    src: url('../fonts/Gotham\ Bold.eot');
    src: url('../fonts/GGotham\ Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham\ Bold.woff2') format('woff2'), url('../fonts/Gotham\ Bold.woff') format('woff'), url('../fonts/Gotham\ Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham\ Book.eot');
    src: url('../fonts/GGotham\ Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham\ Book.woff2') format('woff2'), url('../fonts/Gotham\ Book.woff') format('woff'), url('../fonts/Gotham\ Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rugsnatcher-DEMO';
    src: url('../fonts/rugsnatcher\ DEMO.eot');
    src: url('../fonts/rugsnatcher\ DEMO.eot?#iefix') format('embedded-opentype'), url('../fonts/rugsnatcher\ DEMO.ttf') format('truetype'), url('../fonts/rugsnatcher-DEMO.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

.Gotham-Bold {
    font-family: 'GothamRounded-Bold';
}

.Gotham-Book {
    font-family: 'Gotham-Book';
}

.rugsnatcher-DEMO {
    font-family: 'rugsnatcher-DEMO';
}
.carrer-detail .container-fluid {
    width: 100%;
}

body.page-id-178529  {
    margin: 0;
    padding: 0;
}

.carrer-detail img {
    vertical-align: middle;
}

.carrer-detail .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.carrer-detail .row {
    margin-right: -15px;
    margin-left: -15px;
}

.carrer-detail .d-block {
    display: block;
}

.carrer-detail .store-image-banner-carrer {
    width: 100%;
}

.carrer-detail .store-third-banner {
    position: relative;
}


/* .carrer-detail .store-thirdBan-wrapper {
    position: absolute;
    top: 7%;
    left: 12%;
} */

.carrer-detail .store-one,
.store-two {
    padding-bottom: 26px;
}

.carrer-detail .store-one h1 {
    font-size: 40px;
    color: #00a492;
    margin-top: 0;
    margin-bottom: 10px;
}

.carrer-detail .store-one p {
    font-size: 16px;
    margin-top: 4px;
}

.carrer-detail .store-two h2 {
    font-size: 32px;
    color: #00a492;
    margin: 0;
    margin-bottom: 10px;
}

.carrer-detail .store-two p, .carrer-detail .store-two li {
    font-size: 16px;
    margin-top: 4px;
    line-height: 24px;
}

.carrer-detail ul.green-bulet {
    list-style: none;
    padding: 0;
    margin: 0;
}

.carrer-detail ul.green-bulet li {
    padding-left: 1em;
    text-indent: -0.7em;
    font-size: 16px;
}

.carrer-detail ul.green-bulet li::before {
    content: "• ";
    color: #00a492;
    line-height: 50px;
    /* or whatever color you prefer */
}

.carrer-detail .for-image-di-green {
    margin: 40px 0px;
}

.carrer-detail .for-image-di-green a {
    color: black;
    border: 2px solid #00a492;
    padding: 5px 5px;
    text-decoration: none;
}

.carrer-detail .for-image-di-green .fa-chevron-right:before {
    content: "\f054";
    color: black;
}

@media (min-width:992px) {
    .store-thirdBan-wrapper {
        width: 65%;
    }
    .carrer-detail {
        padding: 100px 150px 100px 150px !important;
    }
    .carrer-detail .store-one, .store-two {
    padding-bottom: 26px;
    padding-left: 80px !important;
}
.carrer-detail .for-image-di-green {
    margin: 40px 0px;
    padding-left: 83px;
}
}

.carrer-detail {
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/01/Job-detail.png) no-repeat center / cover !important;
    padding: 30px 40px !important;
}
@media (max-width:991px){
    .carrer-detail {
    padding: 120px 40px 80px 40px !important;
}

}




.carrer-bod .container-fluid {
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
}

.carrer-bod .carrer-third-banner {
    position: relative;
}

.carrer-bod .third-image-banner-carrer {
    width: 100%;
}

.carrer-bod img {
    vertical-align: middle;
}

.carrer-bod .carrer-thirdBan-wrapper {
    position: absolute;
    top: 17%;
    left: 10%;
}

.carrer-bod .contact-thirdBan-wrapper {
    position: absolute;
    top: 10%;
    left: 5%;
}

.carrer-bod .carrer-third-banLeft-sec {
    padding-top: 50px;
}

/*.carrer-bod .contact-third-banLeft-sec {*/
/*    padding-top: 40px;*/
/*}*/

.carrer-bod img.contact-image-banner-carrer {
    width: 100%;
    min-height:1000px;
}

.carrer-bod .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.carrer-bod .row {
    margin-right: -15px;
    margin-left: -15px;
}

.carrer-bod .d-block {
    display: block;
}

.carrer-bod .two-column-sec {
    padding: 80px 0px 60px 0px !important;
    background-color: #e1d7bc;
}

.carrer-bod .contact-banner {
    position: relative;
}

.carrer-bod .wrk-with-us {
    font-size: 50px;
    color: black;
    margin-bottom: 43px;
}

.carrer-bod .blacklink {
    text-decoration: none;
    color: black;
    font-weight: bolder;
}

.carrer-bod .for-button-space {
    margin-top: 20px;
}

.carrer-bod .two-column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 40px 0px 40px;
}

.carrer-bod .for-two-with-image {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
}

.carrer-bod .for-two-with-image-for-small {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
}

.carrer-bod i.fa.fa-chevron-right {
    font-size: 12px;
}

/*.carrer-bod .for-two-with-image .for-bio-date {*/
/*    margin-left: 40px;*/
/*}*/

.carrer-bod .for-bio-date h6 {
    font-size: 18px;
}

.video-laptop{
    position: relative;
    padding-top: 188px;
    padding-bottom: 67.5%;
    height: 100%;
}
/*final change*/
.transperency-heading {
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    margin-top: 0px;
    font-size: 32px;
}
.transperency-description {
    color: #009b89;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    font-family: 'GothamRounded-Light';
}
@media only screen and (min-width: 992px) {
 .display-lg-none{
     display: none !important;
 }
 .display-lg-block{
     display: block !important;
 }
}
@media only screen and (max-width: 992px) {
 .display-lg-none{
    display: block !important;
 }
 .display-lg-block{
     display:  none !important;
 }
 .mobi-align-center{
     text-align: center;
 }
 .transperency-heading{
     font-size: 23px !important;
 }
 .transperency-description {
     font-size: 14px; 
    margin-top: 14px;
        margin-bottom: 20px;
}
}

.flow-chart-factory{
    background: url('https://www.idfreshfood.com/wp-content/uploads/2022/02/Final-Landing-Page-for-FL-without-bg.png');
    background-repeat: no-repeat;
     background-position: top center;
      background-size: contain;
      min-height: 2320px;
      position: relative;
      z-index:99;
}

.video-laptop .factory-video-one{
    box-sizing: border-box;
    background-size: contain;
   /*padding: 23% 18% 42% 17%;*/
    position: absolute;
    top: 47%;
    left: 31%;
    width: 55%;
    height: 45%;
    border: none;
    border-radius: 32px !important;
}
.video-laptop .factory-video-two{
    box-sizing: border-box;
    background-size: contain;
    /*padding: 26% 17% 43% 18%;*/
    position: absolute;
   top: 48%;
    left: 21%;
    width: 56%;
    height: 43%;
    border: none;
    border-radius: 32px !important;
}
.video-laptop .factory-video-three{
    box-sizing: border-box;
    background-size: contain;
    /*padding: 26% 17% 43% 18%;*/
    position: absolute;
   top: 33%;
    left: -6%;
    width: 100%;
    height: 100%;top: 50%;
    left: 13%;
    width: 59%;
    height: 43%;
    border: none;
    border-radius: 32px !important;
}
.video-laptop .factory-video-fourth{
    box-sizing: border-box;
    background-size: contain;
   /*padding: 33% 20% 44% 24%;*/
    position: absolute;
    top: 83%;
    left: 33%;
    width: 49%;
    height: 31%;
    border: none;
     border-radius: 7px !important;
}
.video-laptop .factory-video-fifth{
    box-sizing: border-box;
    background-size: contain;
   /*padding: 33% 20% 43% 24%;*/
    position: absolute;
    top: 29%;
    left: 33%;
    width: 49%;
    height: 32%;
    border: none;
     border-radius: 7px !important;
}
.video-laptop .factory-video-sixth{
    box-sizing: border-box;
    background-size: contain;
    /*padding: 30% 22% 32% 0%;*/
    position: absolute;
    top: 57%;
    left: 5%;
    width: 70%;
    height: 45%;
    border: none;
    border-radius: 7px !important;
}
.video-laptop .factory-video-seventh{
    box-sizing: border-box;
    background-size: contain;
    /* padding: 30% 24% 32% 18%; */
   position: absolute;
    bottom: 78%;
    left: 47%;
    width: 53%;
    height: 34%;
    border-radius: 50px !important;
}
.video-laptop .factory-video-eight{
    box-sizing: border-box;
    background-size: contain;
    /* padding: 30% 24% 32% 18%; */
    position: absolute;
   bottom: 78%;
    left: 1%;
    width: 52%;
    height: 35%;
    border-radius: 50px !important;
}


/*start desktop*/
@media only screen and (min-width: 992px) and (max-width: 1500px){
.flow-chart-factory {
    min-height: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.video-laptop {
    position: relative;
    padding-top: 176px;
}
}
/*mobile*/


    @media only screen and (min-width: 992px) and (max-width: 1200px){
   .video-laptop .factory-video-one {
    top: 49%;
    left: 10%;
    width: 67%;
    height: 45%;
}
.video-laptop .factory-video-two{
   top: 48%;
    left: 16%;
    width: 66%;
    height: 46%;
}
.video-laptop .factory-video-three{
    top: 48%;
    left: 22%;
    width: 66%;
    height: 45%;
}
.video-laptop .factory-video-fourth {
 top: 69%;
    left: 18%;
    width: 56%;
    height: 31%;
}
.video-laptop .factory-video-fifth{
    top: 13%;
    left: 18%;
    width: 56%;
    height: 32%;
}
.video-laptop .factory-video-sixth{
   top: 46%;
    left: 9%;
    width: 80%;
    height: 43%;
}
.video-laptop .factory-video-seventh{
    bottom: 95%;
    left: 41%;
    width: 60%;
    height: 35%;
    
}
.video-laptop .factory-video-eight{
  bottom: 95%;
    left: 0%;
    width: 60%;
    height: 35%;
}

}
 @media only screen and (min-width: 1200px) and (max-width: 1300px){
   .video-laptop .factory-video-one {
    top: 47%;
    left: 10%;
    width: 66%;
    height: 41%;
}
.video-laptop .factory-video-two{
   top: 48%;
    left: 16%;
    width: 66%;
    height: 43%;
}
.video-laptop .factory-video-three{
     top: 47%;
    left: 22%;
    width: 66%;
    height: 42%;
}
.video-laptop .factory-video-fourth {
 top: 67%;
    left: 18%;
    width: 56%;
    height: 31%;
}
.video-laptop .factory-video-fifth{
 top: 10%;
    left: 18%;
    width: 56%;
    height: 32%;
}
.video-laptop .factory-video-sixth{
  top: 43%;
    left: 10%;
    width: 79%;
    height: 44%;
}
.video-laptop .factory-video-seventh{
  bottom: 94%;
    left: 42%;
    width: 58%;
    height: 35%;
}
.video-laptop .factory-video-eight{
  bottom: 95%;
    left: 0%;
    width: 59%;
    height: 35%;
}
}

@media only screen and (min-width: 1300px) and (max-width: 1400px){
    .video-laptop .factory-video-one {
   top: 47%;
    left: 10%;
    width: 66%;
    height: 45%;
}
.video-laptop .factory-video-two{
   top: 48%;
    left: 16%;
    width: 66%;
    height: 43%;
}
.video-laptop .factory-video-three{
    top: 50%;
    left: 22%;
    width: 66%;
    height: 43%;
}
.video-laptop .factory-video-fourth {
  top: 75%;
    left: 18%;
    width: 56%;
    height: 30%;
}
.video-laptop .factory-video-fifth{
    top: 21%;
    left: 18%;
    width: 56%;
    height: 31%;
}
.video-laptop .factory-video-sixth{
   top: 51%;
    left: 10%;
    width: 78%;
    height: 46%;
}
.video-laptop .factory-video-seventh{
   bottom: 86%;
    left: 42%;
    width: 58%;
    height: 36%;
}
.video-laptop .factory-video-eight{
  bottom: 86%;
    left: 0%;
    width: 59%;
    height: 36%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){
   .video-laptop .factory-video-one {
   top: 47%;
    left: 10%;
    width: 66%;
    height: 45%;
}
.video-laptop .factory-video-two{
   top: 48%;
    left: 16%;
    width: 66%;
    height: 43%;
}
.video-laptop .factory-video-three{
    top: 50%;
    left: 22%;
    width: 66%;
    height: 43%;
}
.video-laptop .factory-video-fourth {
  top: 80%;
    left: 18%;
    width: 56%;
    height: 30%;
}
.video-laptop .factory-video-fifth{
    top: 26%;
    left: 18%;
    width: 56%;
    height: 31%;
}
.video-laptop .factory-video-sixth{
   top: 53%;
    left: 10%;
    width: 78%;
    height: 46%;
}
.video-laptop .factory-video-seventh{
   bottom: 81%;
    left: 42%;
    width: 58%;
    height: 36%;
}
.video-laptop .factory-video-eight{
  bottom: 82%;
    left: 0%;
    width: 59%;
    height: 35%;
}
}
    @media only screen and (min-width: 1500px) and (max-width: 1600px){
   .video-laptop .factory-video-one {
    top: 49%;
    left: 12%;
    width: 65%;
    height: 44%;
}
.video-laptop .factory-video-two{
    top: 50%;
    left: 16%;
    width: 65%;
    height: 44%;
}
.video-laptop .factory-video-three{
top: 50%;
    left: 21%;
    width: 65%;
    height: 43%;
}
.video-laptop .factory-video-fourth {
  top: 82%;
    left: 19%;
    width: 55%;
    height: 31%;
}
.video-laptop .factory-video-fifth{
      top: 29%;
    left: 20%;
    width: 55%;
    height: 31%;
}
.video-laptop .factory-video-sixth{
   top: 55%;
    left: 10%;
    width: 78%;
    height: 46%;
}
.video-laptop .factory-video-seventh{
   bottom: 79%;
    left: 42%;
    width: 58%;
    height: 35%;
}
.video-laptop .factory-video-eight{
  bottom: 79%;
    left: 0%;
    width: 58%;
    height: 35%;
}

}
@media only screen and (min-width: 1600px) and (max-width: 1700px){
   .video-laptop .factory-video-one {
    top: 48%;
    left: 14%;
    width: 65%;
    height: 45%;
}
.video-laptop .factory-video-two{
    top: 50%;
    left: 18%;
    width: 62%;
    height: 43%;
}
.video-laptop .factory-video-three{
top: 50%;
    left: 17%;
    width: 65%;
    height: 42%;
}
.video-laptop .factory-video-fourth {
  top: 82%;
    left: 22%;
    width: 55%;
    height: 31%;
}
.video-laptop .factory-video-fifth{
  top: 29%;
    left: 22%;
    width: 55%;
    height: 32%;
}
.video-laptop .factory-video-sixth{
   top: 57%;
    left: 8%;
    width: 75%;
    height: 45%;
}
.video-laptop .factory-video-seventh{
   bottom: 78%;
    left: 43%;
    width: 56%;
    height: 35%;
}
.video-laptop .factory-video-eight{
   bottom: 78%;
    left: 1%;
    width: 56%;
    height: 35%;
}
}

@media only screen and (min-width: 1700px) and (max-width: 1800px){
   .video-laptop .factory-video-one {
       top: 47%;
    left: 17%;
    width: 62%;
    height: 45%;
}
.video-laptop .factory-video-two{
    top: 50%;
    left: 18%;
    width: 62%;
    height: 43%;
}
.video-laptop .factory-video-three{
top: 50%;
    left: 17%;
    width: 65%;
    height: 42%;
}
.video-laptop .factory-video-fourth {
  top: 82%;
    left: 25%;
    width: 53%;
    height: 31%;
}
.video-laptop .factory-video-fifth{
  top: 29%;
    left: 25%;
    width: 52%;
    height: 32%;
}
.video-laptop .factory-video-sixth{
   top: 57%;
    left: 7%;
    width: 73%;
    height: 45%;
}
.video-laptop .factory-video-seventh{
   bottom: 78%;
    left: 44%;
    width: 55%;
    height: 35%;
}
.video-laptop .factory-video-eight{
   bottom: 78%;
    left: 0%;
    width: 56%;
    height: 35%;
}
}
@media only screen and (min-width: 1800px) and (max-width: 2000px){
    .video-laptop .factory-video-one {
   top: 50%;
    left: 21%;
    width: 60%;
    height: 45%;
}
  .video-laptop .factory-video-two{
top: 50%;
    left: 19%;
    width: 60%;
    height: 43%;
}
.video-laptop .factory-video-three{
top: 50%;
    left: 17%;
    width: 61%;
    height: 43%;
} 
.video-laptop .factory-video-fourth {
  top: 82%;
    left: 28%;
    width: 52%;
    height: 31%;
  
}
.video-laptop .factory-video-fifth{
  top: 29%;
    left: 29%;
    width: 51%;
    height: 32%;
}
.video-laptop .factory-video-sixth{
    top: 57%;
    left: 5%;
    width: 73%;
    height: 45%;
}
.video-laptop .factory-video-seventh{
   bottom: 78%;
    left: 46%;
    width: 54%;
    height: 35%;
}
.video-laptop .factory-video-eight{
   bottom: 78%;
    left: 0%;
    width: 54%;
    height: 35%;
}
}

@media only screen and (min-width: 2000px) {
.video-laptop .factory-video-one {
    top: 49%;
    left: 27%;
    width: 57%;
    height: 42%;
}
.video-laptop .factory-video-three{
top: 50%;
    left: 13%;
    width: 59%;
    height: 43%;
} 

}
@media only screen and (max-width: 1100px){
.page-template-page-trustfactory .social-part span, .page-template-page-post-event .social-part span {
    font-size: 16px !important;
    font-weight: bold;
}

}
@media only screen and (min-width: 991px){
.mb-lg-100{
   margin-bottom: 100px; 
}
.mobile-factory-section{
   display: none; 
}
}
@media only screen and (max-width: 991px){
.mb-lg-100{
   margin-bottom: 34px; 
}
.text-mobi-left {
    margin: 18px 0px;
}
.d-hide-in-mobile{
    display: none;
}
.page-template-page-trustfactory .share-round-icon-part{
    margin: 26px auto 100px auto !important;
}
.page-template-page-post-event .share-round-icon-part {
    margin: 26px auto 50px auto !important;
}
}
.page-template-page-trustfactory .bg-black, .page-template-page-post-event .bg-black {
    background-color: #000;
    padding: 10px;
    color: #fff;
    font-size: 18px;
}
/*.page-template-page-trustfactory .trustfactory-social .bg-white {*/
/*    background-color: #009f90 !important;*/
/*}*/
.page-template-page-trustfactory .trustfactory-social .color-009f90 {
    color: white !important;
}
.page-template-page-trustfactory .trustfactory-social i.fa.fa-facebook,.page-template-page-post-event .trustfactory-social i.fa.fa-facebook{
     font-size: 22px;
    background: #009f90;
    padding: 8px;
    color: white;
    padding-top: 3px;
    padding-bottom: 2px;
}
.page-template-page-trustfactory .share-round-icon-part, .page-template-page-post-event .share-round-icon-part {
    background: #ffe900;
    border-radius: 35px;
    max-width: 233px;
        margin-left: 20px;
}
.page-template-page-trustfactory .social-flex-container i, .page-template-page-post-event .social-flex-container i{
    margin-top: 19px;
}
.page-template-page-trustfactory .social-flex-container .share, .page-template-page-post-event .social-flex-container .share{
    margin-left: 0px;
}
.page-template-page-trustfactory .up-social-icons, .page-template-page-post-event .up-social-icons{
    position: absolute;
    top: 112%;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-top: 10px;
}
.page-template-page-trustfactory .up-social-icons i {
   margin-top: 8px !important;
    padding-top: 7px !important;
    padding: 8px;
    border-radius: 12px;
    font-size: 20px;
}
.page-template-page-trustfactory .up-social-icons i.fa.fa-facebook {
    color: #fff !important;
    background-color: #065596e0 !important;
    padding-right: 15px;
    font-size: 20px;
    }
 
 .page-template-page-trustfactory .up-social-icons .instagram i{
     background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
 }
  .page-template-page-trustfactory .up-social-icons .twitter i{
     background: #1d9bf0 !important;
 }
 .page-template-page-trustfactory .up-social-icons .whatsapp i{
     background:  #55eb4c !important;
 }
 

 .outer-mobi-video {
    width: 100%;
    height: 100%;
    max-width: 1034px;
    max-height: 609px;
    margin: 0 auto;
}
.outer-mobi-video-mb-three {
    width: 100%;
    height: 100%;
    max-width: 1034px;
    /*max-height: 894px;*/
    margin: 0 auto;
}
.video-laptop-mobi{
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobitwo {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
}


.video-laptop-mobi-cut1{
     position: relative;
    padding-top: 75px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobi-cut2{
     position: relative;
    padding-top: 0px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobi-cut3{
     position: relative;
    padding-top: 348px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobi-cut4{
    position: relative;
    padding-top: 49px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobi-cut5{
    position: relative;
    padding-top:0px;
    padding-bottom: 67.5%;
    height: 0;
}
.video-laptop-mobi-cut-van{
    position: relative;
    padding-top: 25px;
    padding-bottom: 54.5%;
    height: 0;
}

/*needed*/
.video-laptop-mobi {
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-one.png) center center no-repeat;
    background-size: cover;
    padding: 41% 38% 35% 26%;
    width: 100%;
    height: 100%;
}   

.video-laptop-mobitwo{
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-two.png) center center no-repeat;
    background-size: cover;
    padding: 38% 38% 36% 25%;
    width: 100%;
    height: 100%;
}  

.video-laptop-mobi-cut1{
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-three.png) center center no-repeat;
    background-size: cover;
    padding: 32% 37% 49% 24%;
    width: 100%;
    height: 100%;
}
.video-laptop-mobi-cut2 {
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-with-extension.png) center center no-repeat;
    background-size: cover;
    padding: 100% 36% 53% 22%;
    width: 100%;
    height: 100%;
    position: relative;
}

/*.video-laptop-mobi-cut3 iframe {*/
/*    box-sizing: border-box;*/
/*    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-five.png) center center no-repeat;*/
/*    background-size: contain;*/
/*   padding: 18% 37% 50% 23%;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.video-laptop-mobi-cut4 {
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-six.png) center center no-repeat;
    background-size: cover;
    padding: 33% 35% 76% 22%;;
    width: 100%;
    height: 100%;
}
.video-laptop-mobi-cut5{
     box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-seven-new-without-bg.png) center center no-repeat;
    background-size: cover;
    padding: 30% 26% 37% 25%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px !important;
}
.video-laptop-mobi-cut5 .sec-video-on{
     box-sizing: border-box;
    /*background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/join-frame-cut.png) center center no-repeat;*/
    background-size: cover;
   padding: 28% 26% 19% 25%;
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px !important;
}
.video-laptop-mobi-cut-van iframe {
    box-sizing: border-box;
    background: url(https://www.idfreshfood.com/wp-content/uploads/2022/02/FactoryLive_Mobile-new-van.png) top center no-repeat;
    background-size: contain;
    padding: 40% 38% 35% 26%;
    width: 100%;
    height: 100%;
} 

@media only screen and (min-width: 400px) and (max-width: 500px){
    .video-laptop-mobi-cut1 iframe {
    padding: 13% 38% 46% 25% !important;
    }
    .video-laptop-mobi-cut2 .bbb {
            padding: 23% 37% 52% 23%;
    }
    .video-laptop-mobi-cut2 .aaa {
       padding: 22% 37% 52% 23%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 600px){
     .video-laptop-mobi-cut1 iframe {
    padding: 13% 38% 46% 25%;
    }
        
 .video-laptop-mobi-cut2 .bbb {
    padding: 22% 37% 47% 24%;
}  
 .video-laptop-mobi-cut2 .aaa {
    padding: 21% 37% 48% 25%;
}  
.video-laptop-mobi-cut4 iframe {
    padding: 2% 35% 49% 22%;
}
.video-laptop-mobi-cut5 .fst-video-on {
    padding: 10% 27% 36% 26%;
}
.video-laptop-mobi-cut5 .sec-video-on {
    padding: 27% 27% 18% 26%;
}
}
@media only screen and (min-width: 600px) and (max-width: 700px){
.video-laptop-mobi-cut1 iframe {
    padding: 12% 38% 45% 26%;
}
.video-laptop-mobi iframe {
    padding: 14% 38% 35% 26%;
}
.video-laptop-mobitwo iframe {
    padding: 13% 38% 36% 25%;
}
.video-laptop-mobi-cut2 .bbb {
    padding: 21% 37% 46% 25%;
}
.video-laptop-mobi-cut2 .aaa {
    padding: 21% 37% 45% 25%;
}
.video-laptop-mobi-cut4 iframe {
    padding: 1% 35% 48% 22%;
}
.video-laptop-mobi-cut5 .fst-video-on {
    padding: 10% 27% 35% 26%;
}
.video-laptop-mobi-cut5 .sec-video-on {
    padding: 27% 27% 18% 26%;
}
}
@media only screen and (min-width: 700px) and (max-width: 800px){
    .video-laptop-mobi-cut1 iframe {
    padding: 11% 38% 44% 26%;
}

.video-laptop-mobi iframe {
    padding: 14% 38% 35% 26%;
}
.video-laptop-mobitwo iframe {
    padding: 13% 38% 36% 25%;
}
.video-laptop-mobi-cut2 .bbb {
    padding: 18% 37% 44% 25%;
}
.video-laptop-mobi-cut2 .aaa {
    padding: 21% 37% 42% 25%;
}
.video-laptop-mobi-cut4 iframe {
    padding: 1% 35% 48% 22%;
}
.video-laptop-mobi-cut5 .fst-video-on {
    padding: 10% 27% 35% 26%;
}
.video-laptop-mobi-cut5 .sec-video-on {
    padding: 27% 27% 18% 26%;
}
/*.video-laptop-mobi-cut4 {*/
/*    padding-top: 92px;*/
/*}*/
}
@media only screen and (min-width: 800px) and (max-width: 991px){
    .video-laptop-mobi-cut1 iframe {
   padding: 10% 38% 43% 26%;
}

.video-laptop-mobi iframe {
    padding: 14% 38% 35% 26%;
}
.video-laptop-mobitwo iframe {
    padding: 13% 38% 36% 25%;
}
.video-laptop-mobi-cut2 .bbb {
    padding: 18% 37% 44% 25%;
}
.video-laptop-mobi-cut2 .aaa {
    padding: 21% 37% 42% 25%;
}
.video-laptop-mobi-cut4 iframe {
    padding: 1% 35% 48% 22%;
}
.video-laptop-mobi-cut5 .fst-video-on {
    padding: 10% 27% 35% 26%;
}
.video-laptop-mobi-cut5 .sec-video-on {
    padding: 27% 27% 18% 26%;
}
/*.video-laptop-mobi-cut4 {*/
/*    padding-top: 92px;*/
/*}*/
}
@media only screen and (min-width: 1200px) and (max-width: 1368px){
.page-template-page-trustfactory .social-part span, .page-template-page-post-event .social-part span{
    font-size: 24px !important;
    background-color: white;
    font-weight: 900;
        vertical-align: bottom;
}
}

/*@media only screen and (min-width: 400px) and (max-width: 992px){*/
/*.video-laptop-mobi-cut3 iframe {*/
/*    padding: 42% 37% 50% 23%;*/
/*}*/
/*.lands-cut3-fix{*/
/*    max-height: 690px !important; */
/*}*/
/*.video-laptop-mobi-cut3 {*/
/*    padding-bottom: 60.5%;*/
/*}*/
/*}*/

/*modal*/
@media only screen and (max-width: 991px){
.page-template-page-trustfactory .modal-dialog.modal-lg.mid-screen-modal {
    width: 79% !important; ;
    height: 59% !important;
}
}
.play-icon {
    position: absolute;
    z-index: 2;
    left: 27%;
    top: 28%;
}
.large-play1 {
    left: 33%;
    top: 62%;
}
 .large-play2 {
    left: 42%;
   top: 62%;
}
 .large-play3 {
    left: 45%;
    top: 62%;
}
.large-play5 {
   left: 37%;
    top: 34%;
}
.large-play6 {
    left: 42%;
    top: 67%;
}
.large-play7 {
    left: 64%;
    /* bottom: 95%; */
    /* top: -77%; */
    top: -6%;
}
.large-play8 {
left: 20%;
  top: -6%;
}
.page-template-page-trustfactory .modal-dialog.modal-lg.mid-screen-modal {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-color-modal{
  background: #009b89;  
}
.page-template-page-trustfactory .mid-screen-modal .close{
    font-size: 36px;
}
img.img-responsive.desk-video1 {
    width: 66%;
    height: 41%;
    position: absolute;
    top: 50%;
    left: 10%;
    border-radius: 20px;
}

img.img-responsive.desk-video2 {
    width: 67%;
    height: 41%;
    position: absolute;
    top: 50%;
    left: 15%;
    border-radius: 20px;
}
img.img-responsive.desk-video3 {
    width: 66%;
    height: 41%;
    position: absolute;
    top: 50%;
    left: 22%;
    border-radius: 20px;
}
img.img-responsive.desk-video4 {
    width: 56%;
    height: 30%;
    position: absolute;
    top: 80%;
    left: 18%;
    border-radius: 4px;
}
img.img-responsive.desk-video5 {
width: 56%;
    height: 31%;
    position: absolute;
    top: 26%;
    left: 18%;
    border-radius: 4px;
}
img.img-responsive.desk-video6 {
    width: 78%;
    height: 45%;
    position: absolute;
    top: 54%;
    left: 10%;
    border-radius: 4px;
}
img.img-responsive.desk-video7 {
    width: 59%;
    height: 35%;
    position: absolute;
    bottom: 82%;
    left: 41%;
    border-radius: 41px;
}
img.img-responsive.desk-video8 {
    width: 59%;
    height: 35%;
    position: absolute;
    bottom: 82%;
    left: 0%;
    border-radius: 41px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
img.img-responsive.desk-video6 {
    width: 80%;
    height: 42%;
    top: 46%;
    left: 9%;
}
img.img-responsive.desk-video4 {
    top: 70%;
}
img.img-responsive.desk-video5 {
    top: 15%;
}
img.img-responsive.desk-video7 {
    bottom: 95%;
}
img.img-responsive.desk-video8 {
    bottom: 95%;
}
.large-play4 {
    left: 38%;
    top: 75%;
}
.large-play5 {
    top: 21%;
}
.large-play6 {
    left: 39%;
    top: 57%;
}
.large-play7 {
    left: 64%;
    /* bottom: 104%; */
    top: -20%;
}
.large-play8 {
    left: 20%;
    /* bottom: 104%; */
    top: -20%;
}

}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
img.img-responsive.desk-video6 {
    width: 78%;
    height: 45%;
    top: 41%;
    left: 10%;
}
img.img-responsive.desk-video4 {
    top: 87%;
}
img.img-responsive.desk-video5 {
    top: 10%;
}
img.img-responsive.desk-video7 {
    bottom: 95%;
}
img.img-responsive.desk-video8 {
    bottom: 95%;
}
.large-play4 {
    left: 38%;
    top: 82%;
}
.large-play7 {
left: 64%;
  /* bottom: 104%; */
    top: -19%;
}
.large-play8 {
    left: 20%;
    /* bottom: 104%; */
    top: -19%;
}

}

@media only screen and (min-width: 1300px) and (max-width: 1400px){
img.img-responsive.desk-video6 {
    width: 78%;
    height: 45%;
    top: 50%;
    left: 10%;
}
img.img-responsive.desk-video7 {
    bottom: 88%;
}
img.img-responsive.desk-video8 {
    bottom: 88%;
}

img.img-responsive.desk-video4 {
    top: 75%;
}
img.img-responsive.desk-video5 {
    top: 20%;
}
.large-play4 {
    left: 38%;
    top: 84%;
}
.large-play6 {
    left: 42%;
    top: 65%;
}
.large-play5 {
    top: 29%;
}
.large-play7 {
    left: 65%;
    bottom: 1%;
    top: -12%;
}
.large-play8 {
    left: 24%;
    /* bottom: 99%; */
    top: -10%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){
img.img-responsive.desk-video4 {
    top: 79%;
     height: 31%;
}
img.img-responsive.desk-video5 {
    top: 25%;
     height: 32%;
}
.large-play4 {
    left: 38%;
    top: 87%;
}
.large-play6 {
    left: 42%;
    top: 68%;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1600px){
    img.img-responsive.desk-video6 {
    left: 9%;
    }
img.img-responsive.desk-video7 {
    bottom: 80%;
}
 img.img-responsive.desk-video8 {
    bottom: 80%;
}

img.img-responsive.desk-video4 {
    width: 56%;
    height: 30%;
    top: 81%;
    left: 19%;
}
img.img-responsive.desk-video5 {
    width: 56%;
    height: 31%;
    top: 27%;
    left: 19%;
}
.large-play4 {
    left: 40%;
    top: 89%;
}
.large-play5 {
    left: 40%;
}
}

    
@media only screen and (min-width: 1600px) and (max-width: 1700px){
    img.img-responsive.desk-video5 {
    width: 54%;
    height: 30%;
    position: absolute;
    top: 28%;
    left: 22%;
    }
.large-play5 {
  left: 42%;
  top: 35%;
}
img.img-responsive.desk-video4 {
    top: 81%;
    left: 20%;
}
.large-play4{
    left: 42%;
    top: 88%;
}

    
img.img-responsive.desk-video1 {
    width: 63%;
    height: 41%;
    top: 50%;
    left: 15%;
}
img.img-responsive.desk-video3 {
    width: 63%;
    height: 41%;
    top: 50%;
    left: 19%;
}
img.img-responsive.desk-video6 {
    width: 76%;
    height: 45%;
    top: 55%;
    left: 8%;
}
.large-play6 {
    left: 36%;
    top: 69%;
}
.large-play1 {
    left: 36%;
}
img.img-responsive.desk-video7 {
    width: 56%;
    bottom: 80%;
    left: 43%;
}
img.img-responsive.desk-video8 {
    width: 57%;
    bottom: 80%;
}
.large-play8 {
    left: 23%;
    bottom: 94%;
}
.large-play7 {
    left: 66%;
    bottom: 94%;
}
}
@media only screen and (min-width: 1700px) and (max-width: 1800px){
img.img-responsive.desk-video1 {
    width: 63%;
    height: 41%;
    top: 50%;
    left: 17%;
}
img.img-responsive.desk-video3 {
    width: 62%;
    height: 41%;
    top: 50%;
    left: 18%;
}
img.img-responsive.desk-video6 {
    width: 75%;
    height: 45%;
    top: 56%;
    left: 7%;
}
.large-play4 {
    left: 51%;
    top: 92%;
}
}
@media only screen and (min-width: 1800px) and (max-width: 2000px){
img.img-responsive.desk-video1 {
   width: 61%;
    height: 41%;
    top: 50%;
    left: 20%;
}
img.img-responsive.desk-video2 {
width: 61%;
    height: 41%;
    top: 50%;
    left: 19%;
}
img.img-responsive.desk-video3 {
width: 60%;
    height: 41%;
    top: 50%;
    left: 16%;
}
img.img-responsive.desk-video6 {
   width: 72%;
    height: 45%;
    top: 56%;
    left: 5%;
}

img.img-responsive.desk-video4 {
    width: 51%;
    height: 31%;
    top: 81%;
    left: 29%;
}
img.img-responsive.desk-video5 {
     width: 51%;
    height: 31%;
    top: 28%;
    left: 29%;
}
img.img-responsive.desk-video7 {
    width: 53%;
    height: 35%;
    position: absolute;
    bottom: 80%;
    left: 46%;
}
 img.img-responsive.desk-video8 {
    width: 54%;
    height: 35%;
    position: absolute;
    bottom: 80%;
    left: 0%;
}   
   .large-play1 {
    left: 45%;
}
 .large-play2 {
    left: 42%;
}
 .large-play3 {
    left: 40%;
}
.large-play4 {
    left: 48%;
    top: 90%;
}
.large-play5 {
    left: 49%;
    top: 38%;
}
.large-play6 {
    left: 36%;
    top: 72%;
}
.large-play7 {
    left: 68%;
    /* bottom: 92%; */
    top: -1%;
}

.large-play8 {
    left: 20%;
     top: -1%;
}
}
@media only screen and (min-width: 2000px){
img.img-responsive.desk-video1 {
  width: 60%;
    height: 41%;
    top: 50%;
    left: 23%;
}
img.img-responsive.desk-video2 {
width: 61%;
    height: 41%;
    top: 50%;
    left: 19%;
}
img.img-responsive.desk-video3 {
width: 60%;
    height: 41%;
    top: 50%;
    left: 16%;
}
img.img-responsive.desk-video6 {
width: 69%;
    height: 45%;
    top: 57%;
    left: 4%;
}

img.img-responsive.desk-video4 {
    width: 50%;
    height: 30%;
    top: 83%;
    left: 31%;
}
img.img-responsive.desk-video5 {
    width: 50%;
    height: 31%;
    top: 29%;
    left: 31%;
}

img.img-responsive.desk-video7 {
     width: 52%;
    height: 35%;
    position: absolute;
    bottom: 78%;
    left: 47%;
}
 img.img-responsive.desk-video8 {
    width: 53%;
    height: 35%;
    position: absolute;
    bottom: 78%;
    left: 0%;
}   
 .large-play1 {
    left: 45%;
}   
 .large-play2 {
    left: 42%;
}
 .large-play3 {
    left: 40%;
}
.large-play4 {
    left: 51%;
    top: 92%;
}
.large-play5 {
    left: 52%;
    top: 38%;
}
.large-play7 {
    left: 68%;
    bottom: 92%;
}
.large-play8 {
    left: 20%;
    bottom: 90%;
}
}

/*mobile*/
img.img-responsive.mobi-video1 {
   z-index: 1;
    position: absolute;
    top: 17%;
    width: 38%;
    height: 35%;
    left: 13%;
    border-radius: 12px;
}

.small-play5 {
    left: 30%;
    top: 48%;
}
.small-play6 {
    left: 30%;
    top: 25%;
}
.small-play7 {
    left: 45%;
    top: 21%;
}
.small-play8 {
    left: 45%;
    top: 67%;
}
img.img-responsive.mobi-video3 {
    z-index: 1;
    position: absolute;
    top: 10%;
    width: 35%;
    height: 29%;
    left: 16%;
    border-radius: 12px;
}
img.img-responsive.mobi-video4 {
    z-index: 1;
    position: absolute;
    top: 12%;
    width: 39%;
    height: 17%;
    left: 14%;
    border-radius: 12px;
}
img.img-responsive.mobi-video5 {
    z-index: 1;
    position: absolute;
    top: 44%;
    width: 39%;
    height: 15%;
    left: 14%;
    border-radius: 12px;
}
img.img-responsive.mobi-video6 {
    z-index: 1;
    position: absolute;
    top: 18%;
    width: 39%;
    height: 24%;
    left: 14%;
    border-radius: 12px;
}
img.img-responsive.mobi-video7 {
    z-index: 1;
    position: absolute;
    top: 8%;
    width: 51%;
    height: 41%;
    left: 24%;
    border-radius: 12px;
}
img.img-responsive.mobi-video8 {
    z-index: 1;
    position: absolute;
    top: 55%;
    width: 51%;
    height: 41%;
    left: 24%;
    border-radius: 24px;
}

@media only screen and (min-width: 320px) and (max-width: 375px){
.video-laptop-mobi-cut3 {
    padding-top: 315px;
}
}
@media only screen and (min-width: 400px) and (max-width: 500px){
.video-laptop-mobi-cut3 {
    padding-top: 378px !important;
}
}
@media only screen and (min-width: 500px) and (max-width: 600px){
.video-laptop-mobi-cut3 {
    padding-top: 466px;
}
}
@media only screen and (min-width: 500px) and (max-width: 600px){
.video-laptop-mobi-cut3 {
   padding-top: 560px;
}
}

@media only screen and (min-width: 400px) and (max-width: 991px){
.outer-mobi-video {
    max-height: 1518px !important;
}
/*.video-laptop-mobi-cut3 {*/
/*    padding-top: 691px !important;*/
/*}*/
/*.video-laptop-mobi-cut4 {*/
/*    padding-top: 372px !important;*/
/*}*/
img.img-responsive.mobi-video6 {
    width: 37% !important;
    height: 23% !important;
    left: 15% !important;
    top: 18% !important;
}
.video-laptop-mobi-cut3 iframe {
    padding: 11% 37% 50% 23%;
}
}
@media only screen and (min-width: 700px) and (max-width: 991px){
.video-laptop-mobi-cut3 {
    padding-top: 691px !important;
}
}
.small-play3 {
    top: 18%;
    left: 29%;
}
.small-play4 {
    left: 30%;
    top: 17%;
}

@media(max-width:576px){
    .mobi-margin-top {
    margin-top: 0px !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape){
.video-laptop {
    position: relative;
    padding-top: 150px;
}
}
.share-round-icon-part {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
i.fa.fa-share-alt {
    margin-left: 0px !important;
}



/* Deepak new live factory page*/
.clr-green{
    color:#009b89;
}
.bg-green{
    background-color:#009b89;
}
img.img-fluid.coi-image {
    width: 100% !important;
}

 .init-coi{
        position: relative;
    }
    .text-on-image-two{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
     .text-on-image-two h2 {
    position: absolute;
    left: 50%;
    color:#009b89;
        font-family: 'GothamRounded-Bold';
}
.play-icon-new {
    position: absolute;
    left: 50%;
    top: 23rem;
    transform: translate(-50%, -50%);
    text-align: center;
}
.modal-dialog.modal-lg.mid-screen-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-one {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/rice-feeding-zone-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-two {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-Desktop-bg-2.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-three {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-Desktop-bg-3.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-four {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/water-mixing-bg-desktop.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-five {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/Grinding-zone-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-six {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/Batter-Packing-Zone.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-seven {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/Chiller-Entry-Point-new.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-eight {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/Chiller-Exit-Point-new.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width:767px){
 img.mobi-video-one-six, iframe.mobi-video-one-six {
    z-index: 1;
    position: absolute;
    top: 34%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100% !important;
    height: 57%;
    left: 0% !important;
}
.for-heading-para {
    color: #009b89;
    font-family: 'Gotham-Light';
    font-size: 14px !important;
    line-height: 15px;
    margin-top: 13px;
    font-weight: 800;
}
.page-template-page-trustfactory ul.social-icons .share, .social-flex-container .share {
    height: 55px;
    width: 63px;
}
.page-template-page-trustfactory .social-flex-container i, .page-template-page-post-event .social-flex-container i {
    margin-top: 15px;
}
i.fa.fa-share-alt {
    margin-left: -2px !important;
}
 .col-lg-6.col-md-6.column1{
     padding-left:0px;
     padding-right:0px;
 }
 img.mobi-video-one-new, iframe.mobi-video-one-new {
    height: 56% !important;
}
 .bg-one {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/rice-feeding-zone-mobile-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-two {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-mobile.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-three {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-mobile-2.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-four {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/water-mixing-bg-mobile.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-five {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/grinding-zone-mobile4.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-six {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-mobile-5.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-seven {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-mobile-6.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-eight {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-mobile-7.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}   
}
img.mobi-video-one-new, iframe.mobi-video-one-new {
    z-index: 1;
    position: absolute;
    top: 18%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 58%;
}
img.mobi-video-one-four, iframe.mobi-video-one-four {
       z-index: 1;
    position: absolute;
    top: 42%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 50.6%;
}
img.mobi-video-one-five, iframe.mobi-video-one-five {
    z-index: 1;
    position: absolute;
    top: 42%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 50.6%;
}
img.mobi-video-one-six, iframe.mobi-video-one-six  {
    z-index: 1;
    position: absolute;
    top: 28%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 63.6%;
    left: 0%;
}
img.mobi-video-one-seven, iframe.mobi-video-one-seven {
    z-index: 1;
    position: absolute;
    top: 23%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 55%;
}
.mobi-video-one-eight, iframe.mobi-video-one-eight {
     z-index: 1;
    position: absolute;
    top: 23%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 55.5%;
}
.video-laptop-new {
    position: relative;
    padding-top: 219px;
    padding-bottom: 67.5%;
    height: 100%;
}
.video-laptop-new-four{
    position: relative;
    padding-top: 219px;
    padding-bottom: 83.5%;
    height: 100%;
}
.video-laptop-new-five{
    position: relative;
    padding-top: 219px;
    padding-bottom: 83.5%;
    height: 100%;
}
.video-laptop-six {
    position: relative;
    padding-top: 2px;
    padding-bottom: 67.5%;
    height: 100%;
}
.video-laptop-new-seven {
    position: relative;
    padding-top: 161px;
    padding-bottom: 84.5%;
    height: 100%;
}
.video-laptop-new-eight{
    position: relative;
    padding-top: 161px;
    padding-bottom: 83.5%;
    height: 100%;
}
.play-icon-new {
    position: absolute;
    z-index: 2;
    left: 49%;
    top: 47%;
}
.play-icon-new-four {
    position: absolute;
    z-index: 2;
    left: 45%;
    top: 62%;
}
.play-icon-six {
    position: absolute;
    z-index: 2;
    left: 26%;
    top: 56%;
}
.play-icon-new-seven, .play-icon-new-eight {
    position: absolute;
    z-index: 2;
    left: 45%;
    top: 44%;
}

.for-heading {
    position: absolute;
    left: 50%;
    color: #009b89;
    font-size: 32px;
    z-index: 3;
    top: 5%;
    font-family: 'GothamRounded-Bold';
    line-height: 32px;
}
.for-heading-two {
    position: absolute;
    left: 0%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 32px;
    z-index: 3;
    top: 5%;
    line-height: 32px;
}
.for-heading-center{
    position: absolute;
    left: 30%;
    color: #009b89;
   font-family: 'GothamRounded-Bold';
    font-size: 32px;
    z-index: 3;
    top: 5%;
    line-height: 32px;
    text-align:center;
}
.for-heading-separate{
    color: #009b89;
  font-family: 'GothamRounded-Bold';
    font-size: 32px;
    z-index: 3;
    line-height: 32px;  
}
.for-center{
    text-align:center;
}
.for-heading-para {
    color: #009b89;
    font-family: 'Gotham-Light';
    font-size: 17px;
    line-height: 15px;
    margin-top: 13px;
    font-weight:800;
}
.for-heading-seven {
    position: absolute;
    left: 5%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 32px;
    z-index: 3;
    top: 11%;
    line-height: 32px;
}
.for-heading-eight {
    position: absolute;
    left: 46%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 32px;
    z-index: 3;
    top: 11%;
    line-height: 32px;
}
/*media quiery*/
@media (min-width:1570px){

.video-laptop-new {
    padding-bottom: 86.5%;

}
}
@media (max-width:991px) and (orientation: landscape) {
.video-laptop-new {
    position: relative;
    padding-top: 349px !important;
    padding-bottom: 67.5%;
    height: 100%;
}
.for-heading-seven, .for-heading-eight {
    font-size: 24px;
    line-height: 24px;
    top: 14%;
}
.for-heading {
    top: 10% !important;
}
.for-heading-two {
    left: 4% !important;
    top: 10% !important;
}
.for-heading {
    top: 7%;
}
.for-heading-two {
    top: 7%;
}
.video-laptop-new-four {
    position: relative;
    padding-top: 219px;
    padding-bottom: 107.5%;
    height: 100%;
}
.video-laptop-new-five {
    position: relative;
    padding-top: 322px !important;
    padding-bottom: 96.5%;
    height: 100%;
}
.bg-six {
    background-image: url(https://www.idfreshfood.com/wp-content/uploads/2022/03/iD-Factory-live-Landing-page-Desktop-bg-6.png) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center;
}
.video-laptop-six {
    position: relative;
    padding-top: 119px;
    padding-bottom: 67.5%;
    height: 100%;
}
}
@media (max-width:567px){
.video-laptop-new-seven, .video-laptop-new-eight {
    padding-top: 26px;
}
    .video-laptop-new {
    position: relative;
    padding-top: 158px !important;
}
.for-heading {
    position: absolute;
    left: 50%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 18px;
    z-index: 3;
    top: 6%;
    line-height: 20px;
}
.for-heading-separate{
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 18px;
    z-index: 3;
    line-height: 20px;  
}
.for-heading-two{
     font-size: 18px;
    line-height: 20px; 
}
.for-heading-seven, .for-heading-eight {
  font-size: 18px;
    line-height: 20px; 
     top: 7%;
}
.bg-four, .bg-five {
    background-size: contain;
}
.video-laptop-new-four {
    position: relative;
    padding-top: 110px;
    padding-bottom: 83.5%;
    height: 100%;
}
.video-laptop-new-five {
    position: relative;
    padding-top: 144px;
    padding-bottom: 83.5%;
    height: 100%;
}

.video-laptop-six {
    position: relative;
    padding-top: 56px !important;
    padding-bottom: 67.5%;
    height: 100%;
    margin-top: 23px;
}
}
@media only screen and (min-width:600px) and (max-width:991px){
    .video-laptop-new {
    position: relative;
    padding-top: 318px;
    padding-bottom: 67.5%;
    height: 100%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape){
.for-heading {
    position: absolute;
    left: 50%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 24px;
    z-index: 3;
    top: 7%;
    line-height: 24px;
}
.col-lg-9.col-md-9.bg-white.mb-lg-100 {
    align-items: center;
    display: flex;
}
.page-template-page-trustfactory .social-part span, .page-template-page-post-event .social-part span {
    font-size: 19px !important;
    background-color: white;
    font-weight: 900;
    vertical-align: bottom;
}
span.for-id {
    position: relative;
    top: -4px;
}
iframe#widget12 {
    height: 350px !important;
}
.page-template-page-trustfactory .modal-dialog.modal-lg.mid-screen-modal {
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.for-heading-two {
    position: absolute;
    left: 0%;
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 24px;
    z-index: 3;
    top: 7%;
    line-height: 24px;
}
.for-heading-seven, .for-heading-eight {
    font-size: 24px;
    line-height: 24px;
    top: 9% !important;
}

.for-heading-separate{
    color: #009b89;
    font-family: 'GothamRounded-Bold';
    font-size: 24px;
    z-index: 3;
    line-height: 24px;  
}
.video-laptop-new-four {
    position: relative;
    padding-top: 219px;
    padding-bottom: 83.5%;
    height: 100%;
}
.video-laptop-new-five {
    position: relative;
    padding-top: 219px;
    padding-bottom: 82.5%;
    height: 100%;
}
img.mobi-video-one-six, iframe.mobi-video-one-six {
    z-index: 1;
    position: absolute;
    top: 29%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 63%;
    left: 0%;
}
}
@media (max-width:767px){
.mb-sm-4{
    margin-bottom:32px !important;
}
.play-icon-new-four {
    top: 64% !important;
}
img.mobi-video-one-four,iframe.mobi-video-one-four {
    z-index: 1;
    position: absolute;
    top: 45%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 46%;
}
.video-laptop-six {
    position: relative;
    padding-top: 96px;
    padding-bottom: 67.5%;
    height: 100%;
    margin-top: 23px;
}
img.mobi-video-one-five, frame.mobi-video-one-five {
    z-index: 1;
    position: absolute;
    top: 48%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 45%;
}
.play-icon-new-four {
    top: 66% !important;
}
}
@media (min-width:991px){
    .for-column-center{
        display: flex;
    flex-direction: row;
    justify-content: center;
}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){
img.mobi-video-one-five, frame.mobi-video-one-five {
    z-index: 1;
    position: absolute;
       top: 44%;
    border-radius: 4px;
    border: 6px solid #C6C6C6 !important;
    width: 100%;
    height: 49%;
}
.page-template-page-trustfactory .modal-dialog.modal-lg.mid-screen-modal {
    position: absolute;
    top: 37% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}
.for-heading-eight, .for-heading-seven {
    top: 12% !important;

}
.video-laptop-new-five {
    position: relative;
    padding-top: 219px;
    padding-bottom: 94.5%;
    height: 100%;
}
.bg-six {
    background-size: cover !important;
}
.video-laptop-six {
    padding-top: 125px;
}
.for-heading-two {
    left: 3%;
    top: 9%;
}
.for-heading {
    top: 8%;
}
}
@media (min-width:1260px){
 i.fa.fa-mobile.clr-green {
    font-size: 31px;
}
i.fa.fa-envelope-o.clr-green {
    font-size: 25px;
}
}
@media (min-width:1200px){
    .page-template-page-trustfactory .social-part span, .page-template-page-post-event .social-part span{
    font-size: 24px !important;
    background-color: white;
    font-weight: 900;
    vertical-align: bottom;
}
}
body.page-template-page-trustfactory {
    margin: 0;
    font-family: 'GothamRounded-Light';
}
p.video-frame-para {
    margin-top: 14px;
    text-align: center;
    color: #009b89;
    font-family: 'GothamRounded-Light';
}
iframe#widget18 {
    border:6px solid #C6C6C6 !important;
}
.page-template-page-trustfactory .share-round-icon-part, .page-template-page-post-event .share-round-icon-part{
    background: #ffe900;
    border-radius: 35px;
    max-width: 233px;
    margin-left: 20px;
}
.page-template-page-trustfactory .social-flex-container .share,.page-template-page-post-event .social-flex-container .share {
    margin-left: 0px !important;
}
.page-template-page-trustfactory .social-flex-container .share, .page-template-page-post-event .social-flex-container .share {
    height: 63px;
    width: 63px;
    /* position: absolute; */
    margin-bottom: 0px;
    margin-left: 9px;
    background-color: #074941;
    border-radius: 50%;
}
.page-template-page-trustfactory .social-flex-container i, .page-template-page-post-event .social-flex-container i {
    margin-top: 19px;
}

.page-template-page-trustfactory ul.social-icons i, .social-flex-container i {
    margin-top: 7px;
    padding-top: 0px !important;
    font-size: 25px;
    color: white !important;
}

@media (max-width:700px){
.post-event-two-video-sec h1 {
    font-size: 20px !important;
}
}
.post-event-two-video-sec h1 {
    font-size: 27px;
    padding: 0 29px 10px 29px;
}
@media (max-width:750px){
      .desktop-grid-images-sec{
          display: none !important;
      }
      .mobile-grid-images-sec{
        display: block !important;
      }
  }
   .desktop-grid-images-sec{
          display:  block;
      }
      .mobile-grid-images-sec{
        display: none;
      }
     
@media only screen and (min-width: 991px) and (max-width: 1135px) and (orientation:portrait) {
.post-event-two-video-sec h1 {
    padding: 0 0px 10px 0px !important;
}
}

.live-stream-bg-15a695{
    background: #15a695; 
    border-radius: 20px;
}
p.live-stream-description {
    color: #fff;
    font-family: 'GothamRounded-Light';
}

@media only screen and (min-width: 991px) and (max-width: 1380px){
    .page-id-178190 .curd-no-padding{
        height: 225px !important;
        }
}

@media only screen and (min-width: 991px) and (max-width: 1345px){
    .page-id-178190 .curd-no-padding{
        height: 165px !important;
        }
}
/*deepak*/
@media only screen and (max-width: 991px){
.brown-bg.width-40{
    width: 100% !important;
    margin-bottom: 40px !important;
}
.carrer-bod .two-column {
    display: inline-block !important;
}
.dark-brown {
    padding: 29px !important;
}
.come-work.width-40 {
    width: 100% !important;
}
.contact-banner-sec p.text-white {
    margin-top: 0px !important;
}
}

.brown-bg.width-40{
    width: 40%;
}
.width-10{
    width: 10%;
}
.come-work.width-50{
    width: 50%;
}
.dark-brown {
    background-color: #c8bea4;
    padding: 60px;
    border-radius: 30px;
}
@media only screen and (max-width: 440px){
.carrer-bod .form-control {
    width: 78% !important;
}
}
.page-template-page-apply-job .carrer-bod img.contact-image-banner-carrer{
    min-height: 850px !important;
}
.job-title a {
    color: #000 !important;
    font-weight: 700;
}

.for-image-di a {
    color: #000;
    padding: 8px 16px;
    border: 3px solid #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}
.line-height-30{
    line-height: 30px;
}
.come-work.width-40 {
    width: 40%;
}
.page-template-page-career .wpcf7-mail-sent-ok, .page-template-page-apply-job .wpcf7-mail-sent-ok{
    border: 2px solid #fff !important;
    color: #f1f6f5 !important;
}
.page-id-175923 #wrapper #sidebar-wrapper{
    top: 0;
}

@media only screen and (min-width: 1250px) and (max-width: 1450px){
.sidebar-nav li a {
    font-size: 11px !important;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1250px){
.sidebar-nav li a {
    font-size: 8px !important;
}
}
@media only screen and (max-width: 778px){
    ul.col-12.footer-socilaIconsx {
    justify-content: center;
}
}
ul.col-12.footer-socilaIconsx {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
}
.footer-socilaIconsx li {
    display: inline-block;
}
@media only screen and (min-width: 769px){
.page-id-179022 .use-heading {
    width: 50% !important;
}
}
@media only screen and (min-width: 1200px){
.page-id-179022 .malabar-use-images-section .col-md-4{
    padding: 0 !important;
}
.page-id-179022 .malabar-prepare-left-image {
    text-align: left !important;
}
.page-id-179022 .malabar-left-content{
   text-align: left !important;
}
}
.testing{
    color:red;
}





.main-box h2 {
            text-align: center;
        }

 .sec-flex-class {
            display: flex;
            column-gap: 50px;
            text-align: left;
            margin: 25px 0;
        }

.main-flex-wrapper-class {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }
.main-box .list-item {
            background: #17a592;
            padding: 0px 8px;
            border-radius: 6px;
            margin-right: 10px;
            color: #fff;
            font-size: 25px;
        }
.main-box p, h3, h4 {
            margin: 0;
            padding: 0;
            font-size: initial;
            line-height: initial;
            color: inherit;
            font-family: inherit;
            text-align: inherit;
        }
 .main-box h2 {
            color: #17a592;
            font-weight: 600;
            text-align: center;
            line-height: 30px;
            font-size: 30px;
            padding-top: 20px;
        }
.blue-text p {
    color: #17a592;
    font-weight: 200;
    max-width: 80%;
    text-align: center;
    font-size: 30px;
    margin: 0 auto;
    padding: 0;
    line-height: initial;
    width: 100%;
 }
        
 .blue-text h3 {
           color: #17a592;
            font-weight: 600;
            margin: 10px 0px;
            line-height: 30px;
            font-size: 35px;
            text-align: center;
 }

        
.main-box p {
            color: #17a592;
            font-weight: 200;
            text-align: center;
            font-size: 20px;
 }

.main-flex-text h2 {
            color: #17a592;
            font-weight: 500;
            text-align: center;
            font-size: 55px;
            
 }

.main-flex-text p {
            color: #17a592;
            font-weight: 200;
            margin: 5px 0 5px;
            font-size: 20px;
            text-align: left;
          }  
            
        
.main-flex-text h3 {
            color: #17a592;
            font-weight: 600;
            text-align: left;
            line-height: 30px;
            font-size: 25px;
  }
.main-flex-text h4 {
            color: #17a592;
            font-weight: 600;
           
            line-height: 30px;
            font-size: 25px;
            text-align: left;
        }
.main-box  .left-side-text{
            width: 50%;
            margin-right: 50px;
        }
.main-box  .right-side-text{
            width: 50%;
        }
.top-mobile-img  {
    display: none;
}
.top-deskstop-img {
 display: block;
}
.main-box{
background-color: #FFFEF6;
 padding-bottom: 15px;
}
.blue-text {
    padding-top: 130px;
}
.page-id-194146 .curd-section-three.ingredients.section-four {
   display: none;
}
.page-id-194146 .sixboxpage-gallery .curd-no-padding {
    width: 33.33%;
}
.page-id-194146 .curd-gallery-section > div:nth-child(4),
.page-id-194146 .curd-gallery-section > div:nth-child(5) {
    display: none;
}
.page-id-194146 .curd-section-three.first-section .curd-ingredients h2 {
    color: #C42928 !important;
    margin: 0px;
}
.page-id-194146 .curd-section-three.first-section .curd-ingredients p {
    color: #C42928 !important;
        font-size: 15px !important;
}
.page-id-194146 .curd-section-three.first-section .aller-info {
   color: #C42928 !important;
       font-size: 15px;
}
.page-id-194146 .curd-section-three.first-section .curd-nutrition h2 {
  color: #C42928 !important;
  margin: 0px;
}
.page-id-194146 .curd-section-three.first-section .curd-nutrition li,
.page-id-194146 .curd-section-three.first-section .curd-nutrition span {
  color: #C42928 !important;
      font-size: 15px;
}
.page-id-194146 .curd-section-three.second-section .curd-ingredients h2 {
    color: #53286F !important;
    margin: 0px;
}
.page-id-194146 .curd-section-three.second-section .curd-ingredients p {
    color: #53286F !important;
        font-size: 15px !important;
}
.page-id-194146 .curd-section-three.second-section .aller-info {
   color: #53286F !important;
       font-size: 15px;
}
.page-id-194146 .curd-section-three.second-section .curd-nutrition h2 {
  color: #53286F !important;
  margin: 0px;
}
.page-id-194146 .curd-section-three.second-section .curd-nutrition li,
.page-id-194146 .curd-section-three.second-section .curd-nutrition span {
  color: #53286F !important;
}
.page-id-194146 .curd-section-three.section-three .curd-ingredients h2 {
    color: #43964D !important;
    margin: 0px;
}
.page-id-194146 .curd-section-three.section-three .curd-ingredients p {
    color: #43964D !important;
        font-size: 15px !important;
}
.page-id-194146 .curd-section-three.section-three .aller-info {
   color: #43964D !important;
       font-size: 15px;
}
.page-id-194146 .curd-section-three.section-three .curd-nutrition h2 {
  color: #43964D !important;
  margin: 0px;
}
.page-id-194146 .curd-section-three.section-three .curd-nutrition li,
.page-id-194146 .curd-section-three.section-three .curd-nutrition span {
  color: #43964D !important;
}
.page-id-194146 .ingredients,
.page-id-194146 .curd-section-three-left {
    background-color: #fff !important;
}
.page-id-194146 .curd-main-wrap > section:nth-child(2) {
   background-color: #FFFDE9 !important;
}
.page-id-194146 .ragi-left-content p,
.page-id-194146 .ragi-mid-content p, 
.page-id-194146 .ragi-right-content p {
   color: #16a693;
   font-size: 16px;
}
.page-id-194146 .product-image {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 40px;
}
.page-id-194146 .curd-no-padding {
    height: 310px;
}
.b-img {
   margin: 20px 0px;
}
.page-id-194146 .curd-banner-heading p,
.page-id-194146 .curd-banner-heading h3 {
        color: #006056;{
    color: #006056 !important;
}

@media only screen and (max-width: 991px){
.page-id-194146 .sixboxpage-gallery .curd-no-padding {
    width: 100% !important;
}
.page-id-194146 .sixboxpage-gallery .curd-no-padding {
    width: 100% !important;
}
 .curd-no-padding img {
        width: 100% !important;
    }
.page-id-194146 .curd-nutrition {
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-id-194146 .product-image {
    padding-top: 30px;
    padding-bottom: 30px;
}
.top-mobile-img  {
    display: block;
}
.top-deskstop-img {
 display: none;
}
.sec-flex-class {
    flex-wrap: wrap;
    margin: 0px 0;
    }
.blue-text {
    padding-top: 0px;
}
.main-box .left-side-text {
        margin-right: 0px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
}
.main-box .right-side-text {
    width: 100%;
}
.main-flex-text p {
margin: 10px 0 10px;   
}
.main-box h2 {
margin: 0 auto;
width: 80%;
font-size: 29px; 
text-align: left;
}
.blue-text p {
margin: 15px 0 0; 
max-width: 100%;
font-size: 25px;
}

}

@media (max-width: 768px) {
    .curd-no-padding img {
        width: 100% !important;
    }
}
@media only screen and (max-width: 440px){
.blue-text h3 {
font-size: 25px;
font-weight: 700;
}
.blue-text p {
        margin: 0px 0 0;
        font-size: 18px;
 }
 
 .main-flex-text h4 {
   font-size: 18px;
    font-weight: 700;
   
}

.main-box h2{
 font-weight: 700;
font-size: 19px;
      
}
.main-flex-text p {
 margin: 0px 0 0px;
 font-size: 17px;
 }
.main-box .list-item {
 font-size: 21px;
}
.main-flex-text h3 {
   font-size: 23px;
    font-weight: 700;  
}
}
@media only screen and (max-width: 600px) {
.page-id-194146 .sixboxpage-gallery .curd-no-padding {
    width: 100% !important;
}
}