html {
    background: #f3f3f5;
}     

@import url('https://fonts.googleapis.com/css?family=Pacifico&subset=cyrillic,latin-ext,vietnamese');

@font-face {
    font-family: Pacifico_0;
    src: url('../fonts/Pacifico_0.ttf');
}

@font-face {
    font-family: segoe_ui;
    src: local('segoe_ui'), url('../fonts/segoeui.ttf');
}

@font-face {
    font-family: segoe_ui_bold;
    src: url('../fonts/segoeuib.ttf');
}

@font-face {
    font-family: segoe_ui_Semi_bold;
    src: local('segoe_ui_Semi_bold'), url('../fonts/seguisb.ttf');
}

@font-face {
    font-family: Antonio_Bold;
    src: url('../fonts/antonio/Antonio-Bold.ttf');
}

@font-face {
    font-family: Antonio_Light;
    src: url('../fonts/antonio/Antonio-Light.ttf');
}

@font-face {
    font-family: Antonio_Regular;
    src: url('../fonts/antonio/Antonio-Regular.ttf');
}

body {
    font-family: 'Roboto', sans-serif !important;
    margin: 0px auto !important;
    padding: 0px;
    max-width: 1920px !important;
    background-color: #fafafa !important;
}


*:focus, textarea:focus, input:focus, a:focus, a:active {
    outline: none !important;
}

a, a:hover {
    text-decoration: none !important;
}
p {
    color: #222;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    line-height: 22px;
}

p b {
    font-family:  'Roboto', sans-serif  !important;
    /*font-weight: normal;*/
}

h1 {
    color: #fff !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 45px !important;
    font-family:  'Roboto', sans-serif  !important;
}

h2 {
    color: #222;
    margin: 0px;
    padding: 0px;
    font-size: 28px !important;
   font-family:'Roboto', sans-serif !important;
    text-align: center;
}

h2 span {
    font-size: 30px !important;
}

h3 {
    color: #fff !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 20px !important;
    font-family:  'Roboto', sans-serif  !important;
    text-align: left;
}

h3 span {
    font-size: 18px !important;
    font-weight: 500 !important;
}

h4 {
   color: #222!important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 15px !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
    font-weight: 800!important;
}

h4 span {
    color: #666666 !important;
    text-align: center;
    text-transform: uppercase;
}

h5 {
    color: #222 !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 18px !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
}

h6 {
    color: #222 !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 16px !important;
    font-family:'Roboto', sans-serif  !important;
    text-align: left;
}

h6 strong {
    font-family:  'Roboto', sans-serif  !important;
    font-weight: normal;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
}

.text_color_black {
    color: #333333;
}

.clear {
    clear: both;
}

.clear5 {
    clear: both;
    height: 5px;
}

.clear10 {
    clear: both;
    height: 10px;
}

.clear20 {
    clear: both;
    height: 20px;
}

.clear30 {
    clear: both;
    height: 30px;
}

.clear50 {
    clear: both;
    height: 50px;
}

.PositionRelative {
    position: relative;
}

.BackNavigation5 {
    position: absolute;
    left: 0;
    top: 5%;
    width: 50px;
}

.BackNavigation5 a {
    float: left;
    width: 100%;
}

.container {
    width: 90% !important;
}

.container80 {
    width: 90% !important;
}

.navbar-fixed-top {
    border-bottom: none !important;
}

.Footermenu {
    /* min-height: 185px;     */
}

section {
    padding: 30px 0px !important;
    clear: both;
}

.no-padding {
    padding: 0px !important;
    margin: 0px !important;
}

.PaddingBtmNone {
    padding-bottom: 20px !important;
}

.PaddingTopNone {
    padding-top: 0px !important;
}

/*.logo {
    width: 138px;
    float: left;
    height: 78px !important;
    background: url(/images/logo.png) no-repeat;
    background-size: 100% 100%;
    margin: 15px 0px 0px 0px !important;
    display: none;
}*/

.logo {
    width: 65px;
    float: left;
    height: 78px !important;
    background: url(/images/LF_logo_new.png) no-repeat;
    background-size: 100% 100%;
    margin: 15px 0px 0px 0px !important;
}

.navbar-default.affix .logo {
    background: url(/images/LF_logo_new.png) no-repeat;
    background-size: 100% 100%;
    margin: 5px 0px !important;
    width: 40px;
    height: 50px !important;
    display: block;
}

.CustomNavbar {
    float: left !important;
}

.CustomNavbar .navbar-toggle {
    float: left !important;
    background: url(/images/MobileMenuIcon2.png) no-repeat;
    width: 39px;
    height: 26px;
    border: none;
    margin-top: 25px;
    margin-right: 30px;
}

.navbar-default.affix .navbar-toggle {
    background: url(/images/MobileMenuIcon1.png) no-repeat;
    margin-top: 15px;
}

.CustomNavbar .navbar-header {
    float: left !important;
}

.ExploreBoxHight450 {
    height: 450px;
}

.PopoularCategorieButton2.active {
    background-color: #e91a3a !important;
    color: #fff !important;
    border: 1px solid #e91a3a !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}

.HederMenu {
    margin-left: 5% !important;
    margin-top: 25px !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all 0.2s;
    transition: all .2s;
    float: left !important;
    width: 100%;
}

.HederMenuActive {
   font-family:  'Roboto', sans-serif  !important;
}

.navbar-default.affix .HederMenu {
    margin-top: 0px !important;
}

.navbar-default.affix .HederTopRight {
    margin-top: 10px !important;
}

.navbar-default.affix .HederTopRight p {
    color: #000;
    float: left;
    margin-top: 4px !important;
}

.navbar-default .navbar-nav > li > a {
    padding: 15px 20px !important;
}

.HederTopRight {
    width: auto;
    float: right;
    margin-top: 27px;
   /* margin-bottom: 5px;*/
        display: flex;
}

.HederTopRightSearchicon {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    width: 25px;
}

.BtnTransperant {
    font-size: 18px !important;
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 30px !important;
    width: 100px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all 0.2s;
    transition: all .2s;
   font-family: 'Roboto', sans-serif  !important;
}

.BtnWhite {
    font-size: 14px !important;
    color: #ed1a3b !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 30px !important;
    width: 100px;
    font-family:  'Roboto', sans-serif  !important;
    padding: 2px 0px !important;
    float: none;
    margin: 0 auto;
}

.navbar-default.affix .BtnTransperant {
    color: #333 !important;
    border: 1px solid #333 !important;
    font-size: 14px !important;
}

.HederTopRightSearchicon2 {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    display: none;
    width: 25px;
}

.navbar-default.affix .HederTopRightSearchicon {
    display: none;
}

.navbar-default.affix .HederTopRightSearchicon2 {
    display: block;
}

.Recipe_byMainDiv {
    width: 360px;
    float: right;
}

.Recipe_byMainDivImg {
    width: 40px;
    float: left;
}

.Recipe_byMainDivImg img {
    width: 100%;
}

.Recipe_byMainDivText {
    width: 280px;
    float: right;
}

.Recipe_byMainDivText h3 {
    line-height: 30px !important;
    letter-spacing: 2px;
}

.Recipe_byMainDiv4 {
    width: 360px;
    float: left;
}

.Recipe_byMainDiv4 h3 {
    margin-top: 13px !important;
}

.BannerImage3 h1 {
    font-size: 34px !important;
    text-align: left;
}

.BannerImage4 p {
    color: #fff;
    text-align: left;
    float: right;
    width: 62%;
}

.BannerTextBootom {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    /* padding: 20px 0px 55px 0px; */
    padding: 30px 0px;
    background: url(/images/Overlay_Bottom.png) repeat-x;
    background-position: left top;
    background-size: auto 100%;
}

.BannerTextBootom h1 {
    float: left;
}

.carousel-indicators {
    bottom: 0px !important;
}

.carousel-indicators li {
    margin: 0px 5px !important;
}

.carousel-indicators .active {
    width: 10px !important;
    height: 10px !important;
    background-color: #e91a3b !important;
    border: 1px solid #e91a3b !important;
}

.ExploreLeftMain {
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all 0.5s;
    transition: all .5s;
    margin: 15px 0px;
}

.ExploreLeftMainImg {
    width: 100%;
    float: left;
    position: relative;
}

.ExploreLeftMainImg img {
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.ExploreHeadingImg h3 {
    text-align: center;
    font-size: 12px !important;
}

.ExploreHeadingImg {
    width: 100px;
    padding: 5px 10px;
    margin: 0 auto;
    background-color: #ed1a3b;
    border-radius: 5px;
    position: relative;
    top: -15px;
}

.ExploreLeftMainText2:hover .ExploreLeftMain {
    box-shadow: 0px 0px 15px #ccc;
    transform: scale(1.1);
    -moz-transform: scale(1.1, 1.1);
    -moz-transform-origin: center center;
    transform-origin: center center;
}

.ExploreLeftMainText2 {
    position: relative;
    min-height: 450px !important;
}

.ExploreLeftMainText {
    width: 100%;
    float: left;
    height: auto;
    padding: 0px 20px 10px 20px;
}

.ExploreTextBootom {
    width: 100%;
    float: right;
    margin-top: 10px;
}

.ExploreTextBootom p {
    color: #333333;
    float: right;
    font-size: 11px !important;
    text-transform: uppercase;
    text-align: right;
    line-height: 18px;
}

.ExploreTextBootom p b {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    margin-right: 8px;
}

.PeopleEngagedText {
    width: 100%;
    float: left;
}

.PeopleEngagedText p {
    color: #333333 !important;
    float: left;
    font-size: 12px !important;
    text-transform: uppercase;
}

.ExploreAdd2 {
    width: 100%;
    float: left;
    margin: 0px;
    text-align: center;
}

.ExploreAdd2 img {
    width: 100%;
    border-radius: 5px;
    max-width: 300px;
}

.ExploreSocialIconMain {
    width: 100%;
    float: left;
    display: none;
    margin-top: 10px;
}

.ExploreSocialIconLeft {
    width: 20%;
    float: left;
    text-align: center;
}

.ExploreSocialIconLeft p {
    color: #333333;
    font-size: 14px !important;
}

.ExploreLeftMainText2:hover .ExploreSocialIconMain {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all 0.5s;
    transition: all .5s;
    opacity: 0.9;
}

.GreyBg {
    width: 100%;
    float: left;
    background-color: #fafafa;
    padding: 10px 0 !important;
}

.RecipesTabsMain {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 90px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.RecipesTabsMain .nav-tabs {
    border: none !important;
    min-width: 850px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.RecipesTabsMain .nav-tabs li {
    margin: 0% 2.5% !important;
    width: 11.5%;
}

.RecipesTabsMain .nav-tabs > li > a {
    font-size: 14px;
    color: #222;
    text-transform: uppercase;
    padding: 50px 0px 5px 0px;
    background-position: top center !important;
    border: none !important;
    font-family: 'Roboto', sans-serif  !important;
    margin: 0px !important;
    text-align: center;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all 0.5s !important;
    transition: all .5s !important;
}

.RecipesTabsMain .nav-tabs .active a {
    background-color: transparent !important;
    border-bottom: 3px solid #e91a3a !important;
    color: #e91a3a;
   font-family:  'Roboto', sans-serif  !important;
    -webkit-transition: all .1s !important;
    -moz-transition: all .1s !important;
    -o-transition: all 0.1s !important;
    transition: all .1s !important;
}

.RecipesTabsMain .nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent !important;
}

.RecipesTabsMain .nav-tabs > li.active > a, .RecipesTabsMain .nav-tabs > li.active > a:focus, .RecipesTabsMain .nav-tabs > li.active > a:hover {
    color: #e91a3a;
    outline: none;
}

.RecipesMenu1 {
    background: url(/images/breakfast_grey.png) no-repeat;
}

.RecipesMenu2 {
    background: url(/images/salad_grey.png) no-repeat;
}

.RecipesMenu3 {
    background: url(/images/lunch_grey.png) no-repeat;
}

.RecipesMenu4 {
    background: url(/images/dinner_grey.png) no-repeat;
}

.RecipesMenu5 {
    background: url(/images/dessert_grey.png) no-repeat;
}

.RecipesMenu6 {
    background: url(/images/beverage_grey.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu1 {
    background: url(/images/breakfast_red.png) no-repeat;
   /* background: unset;*/
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu2 {
    background: url(/images/salad_red.png) no-repeat;
 /*  background: unset;*/
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu3 {
    background: url(/images/lunch_red.png) no-repeat;
   /* background: unset;*/
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu4 {
    background: url(/images/dinner_red.png) no-repeat;
   /* background: unset;*/
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu5 {
    background: url(/images/dessert_red.png) no-repeat;
   /* background: unset;*/
}

.RecipesTabsMain .nav-tabs .active .RecipesMenu6 {
    background: url(/images/beverage_red.png) no-repeat;
    /*background: unset;*/
}

.RecipesContentMain {
    width: 100%;
    float: left;
    margin-top: 0px;
   /* box-shadow: 0px 0px 0px 1px #ccc;*/
       box-shadow: none;
}

.RecipesContentBootom {
    width: 100%;
    float: left;
    background-color: #f3f3f3;
}

.RecipesContentLeft {
    width: 65%;
    float: left;
}

.RecipesContentLeft img {
    width: 100%;
}

.RecipesContentRightHeading {
    width: 100%;
    float: left;
    background-color: #cfcfcf;
    padding: 20px;
}

.RecipesContentRightHeading h3 {
    color: #333333 !important;
}

.RecipesContentRight {
    width: 35%;
    float: right;
    height: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding-top: 40.7%;
    background-color: #f3f3f3;
}
.RecipesContentRight_Inner .ViewBreakfastRecipes_Btn{
    min-height: 85px !important;
    padding-top: 25px !important;
    border-left: none;
}
.RecipesContentRight1 {
    height: auto;
    overflow-y: unset;
}

.RecipesContentRightInner {
    width: 100%;
    float: right;
    background-color: #e2e2e2;
    height: 360px;
    overflow-y: scroll;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.RecipesContentRight .nav-tabs {
    border: none !important;
    height: 90%;
    overflow-y: scroll;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.RecipesContentRight .nav-tabs > li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px 20px;
    /*border-bottom: 1px solid #cdcdcd;*/
    display: table;
    background-color: #dddddd;
}

.RecipesContentRight .nav-tabs > li:nth-child(odd) {
    background-color: #ededed;
}

.RecipesContentRight .nav-tabs > li > a {
    float: left;
    padding: 0px;
    width: 100%;
    border: none !important;
    background-color: transparent !important;
}

.RecipesContentRight .nav-tabs > li > a:hover {
    border: none !important;
}

.RecipesContentRight .nav-tabs > li.active > a, .RecipesContentRight .nav-tabs > li.active > a:focus, .RecipesContentRight .nav-tabs > li.active > a:hover {
    border: none;
    outline: none;
}

.RecipesContentRight .nav-tabs .active .RecipesContentRightImg img {
    border-radius: 10px;
    border: 3px solid #ed1a3b;
}

.RecipesContentRight .nav-tabs .active {
    background-color: #fafafa !important;
}

.RecipesContentRight .nav-tabs .active .RecipesContentRightImg {
    box-shadow: 0px 0px 10px #ccc;
    transform: scale(1.04);
    -moz-transform: scale(1.04, 1.04);
    -moz-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -o-transition: all 0.3s !important;
    transition: all .3s !important;
}

.RecipesContentRightImg {
    width: 40%;
    margin: 0px;
    border-radius: 10px;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -o-transition: all 0.3s !important;
    transition: all .3s !important;
    position: relative;
}

.RecipesContentRightImg img {
    width: 100%;
    border-radius: 10px;
}

.RecipesContentRightText {
    width: 50%;
    display: table-cell;
    padding-left: 5%;
    padding-top: 0px;
    vertical-align: middle;
}

.RecipesContentRightText h3 {
    font-size: 16px !important;
    color: #333333 !important;
}

.RecipesContentRightText p {
    color: #666666;
}

.RecipesContentRightText p strong {
    color: #666666 !important;
}

.RecipesVideoFullWidth {
    width: 100%;
    height: 370px;
    float: left;
}

.Other_Host_Main {
    width: 100%;
    float: left;
}

.Other_Host_Main .FoodForYourMoodLeft {
    min-height: 180px;
}

.Other_Host_Main .FoodForYourMoodHoverText {
    background-position: center bottom !important;
    background-size: 150px !important;
}

.FoodForYourMoodLeft {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #e1e1e1;
    padding: 10px 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all 0.5s;
    transition: all .5s;
    margin: 20px 0px;
    min-height: 150px;
}

.FoodForYourMoodLeftIcon {
    width: 84px;
    height: 84px;
    margin: 0 auto;
    background-color: #ed1a3b;
    border-radius: 50%;
    padding: 14px;
}

.FoodForYourMoodLeftIcon img {
    width: 100%;
}

.OtherHostsMoodHoverbg {
    background-color: #ed1a3b;
    background-blend-mode: multiply;
    background-position: center center !important;
    border-radius: 5px;
}

.OtherHostsHoverTransperntDiv {
    background-color: rgba(237, 26, 59, 0.50);
    padding-top: 20px;
}

.OtherHostsMoodHoverBg1 {
    background: #ed1a3b url(/images/chefspic1.png) no-repeat !important;
}

.FoodForYourMoodHoverText {
    width: 100%;
    float: left;
    display: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 0px 5px;
    background-position: right bottom !important;
    background-size: 130px !important;
}

.FoodForYourMoodHoverText h1 {
    text-align: center;
    font-size: 30px !important;
}

.Other_Host_Main .FoodForYourMoodHoverText h1 {
    line-height: 18px;
}

.FoodForYourMoodHoverText h1 span {
    font-size: 14px !important;
    text-transform: uppercase;
}

.FoodForYourMoodHoverText p {
    text-align: center !important;
    color: #fff !important;
    font-size: 14px !important;
}

.FoodForYourMoodMainText p {
    text-align: center !important;
    color: #333333 !important;
    font-size: 18px !important;
    margin-top: 10px !important;
}

.FoodForYourMoodMainText a {
    text-align: center !important;
    color: #333333 !important;
    font-size: 16px !important;
    margin-top: 10px !important;
    text-decoration: none;
    width: 100%;
    float: left;
}

.FoodForYourMoodHoverText a {
    text-align: center !important;
    color: #fff !important;
    font-size: 14px !important;
    text-decoration: none;
    width: 100%;
    float: left;
}

.FoodForYourMoodMainText a:hover, .FoodForYourMoodHoverText a:hover {
    text-decoration: none;
    font-weight: 900;
}

.FoodForYourMoodHoverBg1 {
    background: url(/images/FoodForYourMoodIcon1_Hover.png) no-repeat;
}

.FoodForYourMoodHoverBg2 {
    background: url(/images/FoodForYourMoodIcon2_Hover.png) no-repeat;
}

.FoodForYourMoodHoverBg3 {
    background: url(/images/FoodForYourMoodIcon3_Hover.png) no-repeat;
}

.FoodForYourMoodHoverBg4 {
    background: url(/images/FoodForYourMoodIcon4_Hover.png) no-repeat;
}

.FoodForYourMoodHoverBg5 {
    background: url(/images/FoodForYourMoodIcon5_Hover.png) no-repeat;
}

.FoodForYourMoodHoverBg6 {
    background: url(/images/FoodForYourMoodIcon6_Hover.png) no-repeat;
}

.FoodForYourMoodMainText {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.FoodForYourMoodLeft:hover {
    background-color: #ed1a3b;
    transform: scale(1.1);
    -moz-transform: scale(1.1, 1.1);
    -moz-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all 0.5s;
    transition: all .5s;
    padding: 10px 5px;
}

.FoodForYourMoodLeft:hover .FoodForYourMoodHoverText {
    display: block;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all 0.1s;
    transition: all .1s;
}

.FoodForYourMoodLeft:hover .FoodForYourMoodLeftIcon, .FoodForYourMoodLeft:hover .FoodForYourMoodMainText a {
    display: none !important;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all 0.1s;
    transition: all .1s;
}

/*Slider style*/

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px 25px;
    width: 100%;
    position: relative;
    height: 550px;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 20px;
    color: #666;
    float: left;
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    top: 140px;
}

.MultiCarousel .leftLst {
    left: 0px;
    background: url(/images/red_left.png) no-repeat;
    width: 14px;
    height: 24px;
    border: none;
    background-color: transparent !important;
}

.MultiCarousel .leftLst:hover {
    background-color: transparent !important;
}

.MultiCarousel .rightLst {
    right: 0px;
    background: url(/images/red_right.png) no-repeat;
    width: 14px;
    height: 24px;
    border: none;
}

.MultiCarousel .rightLst:hover {
    background-color: transparent !important;
}

.MultiCarousel .leftLst.over {
    pointer-events: none;
    background: url(/images/grey_left.png) no-repeat;
}

.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: url(/images/grey_right.png) no-repeat;
}

.MultiCarousel .leftLst:active, .MultiCarousel .rightLst:active {
    background-color: transparent !important;
    box-shadow: none;
}

.ChefsLeftMain {
    width: 100%;
    float: left;
    position: relative;
    background-size: 100% 100% !important;
    background-position: center center !important;
}

.ChefsLeftMain1 {
    width: 100%;
    float: left;
}

.ChefsLeftMain1Photo {
    width: 100%;
    float: left;
    border: 2px solid #f8b9c0;
    border-bottom: none;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.ChefsLeftMain1Photo img {
    width: 100%;
    max-width: 221px;
    margin: 0 auto;
    margin-top: -28px;
}

.ChefsLeftMain1Text {
    width: 100%;
    float: left;
    background-color: #ed1a3b;
    padding: 10px 0px;
    border-radius: 0px 0px 5px 5px;
}

.ChefsLeftMain1Text h3 {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'Roboto', sans-serif  !important;
}

/*Slider style end*/

.ChefsLeftMain1Hover {
    width: 120%;
    float: left;
    background-color: #ed1a3b;
    position: absolute;
    display: none;
    z-index: 999;
    /*padding: 20px 0px;*/
    transform: scale(1.1);
    -moz-transform: scale(1.1, 1.1);
    -moz-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all 0.5s !important;
    transition: all .5s !important;
    top: -20px;
    left: -10%;
    border-radius: 5px;
    background-color: rgba(237, 26, 59, 0.18);
    background-blend-mode: multiply;
    background-position: center center !important;
}

.ChefsLeftMainHoverBg1 {
    background: #ed1a3b url(/images/chefspic1.png) no-repeat;
}

.ChefsLeftMainHoverBg2 {
    background: #ed1a3b url(/images/chefspic2.png) no-repeat;
}

.ChefsLeftMainHoverBg3 {
    background: #ed1a3b url(/images/chefspic3.png) no-repeat;
}

.ChefsLeftMainHoverBg4 {
    background: #ed1a3b url(/images/chefspic4.png) no-repeat;
}

.ChefsLeftMainHoverTransperantBg {
    width: 100%;
    background-color: rgba(237, 26, 59, 0.60);
    padding: 20px 0px;
    border-radius: 5px;
}

.ChefsLeftMain1HoverLink {
    width: 100%;
    float: left;
}

.ChefsLeftMain1HoverLink a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Roboto', sans-serif  !important;
    padding: 5px;
    margin: 3px 0px;
}

.ChefsLeftMain1HoverLink a:hover {
    color: #fff;
    text-decoration: none;
}

.ChefsLeftMain1Hover h1 {
    font-size: 20px !important;
    text-transform: uppercase;
    text-align: center;
}

.ChefsLeftMain1Hover h3 {
    text-align: center;
   font-family:  'Roboto', sans-serif  !important;
}

.ChefsLeftMain:hover .ChefsLeftMain1Hover {
    display: block;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all 0.5s !important;
    transition: all .5s !important;
}

.advertise1 {
    width: 100%;
    float: left;
    background-color: #f7f7f7;
}

.advertise1 img {
    width: 100%;
}

.OurChefs_advertise1 {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-top: -245px;
}

.OurChefs_advertise1 img {
    width: 100%;
}

.Other_shows {
    width: 100%;
    float: left;
    height: auto;
}

.Other_shows_Main {
    width: 100%;
    float: left;
}

.Other_shows_Main_Photo {
    width: 100%;
    float: left;
    border: none;
    border-radius: 5px;
}

.Other_shows_Main_Photo img {
    width: 100%;
    border-radius: 5px;
}

.Other_shows_Main_Text {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.Other_shows_Main_Text h3 {
    font-size: 16px !important;
    text-align: center !important;
    color: #333 !important;
    font-family: 'Roboto', sans-serif  !important;
}

.Other_shows .leftLst, .Other_shows .rightLst {
    top: 100px;
}

.Other_shows .MultiCarousel-inner .item > div {
    margin: 5px 20px;
}

.advertise2 {
    width: 100%;
   /* float: left;*/
}

.advertise2 img {
    width: 100%;
}

.footer {
    width: 100%;
    float: left;
    background-color: #262626;
    padding: 20px 0px 0px 0px;
}

.FooterLeft {
    width: 16%;
    float: left;
}

.FooterLeft img {
    max-width: 62px;
    margin-top: 6%;
    width: 100%;
}

.FooterRight {
    width: 84%;
    float: left;
}

.FooterRightMenu {
    width: 100%;
    float: left;
}

.FooterRightMenu ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.FooterRightMenu ul li {
    list-style: none;
    float: left;
    margin: 5px 10px 0px;
    width: 124px;
}

.FooterRightMenu ul li ul li {
    margin: 5px 0 0px;
}

.FooterRightMenu ul li a {
    padding: 5px 5px 5px 0px;
    float: left;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif  !important;
    text-decoration: none;
}

.FooterRightMenu ul li a:hover {
    color: #ed1a3b;
}

.FooterSubscribeDiv {
    width: 40%;
    float: left;
    box-shadow: 0px 0px 15px #101010;
}

.FooterSubscribeDiv .form-control {
    height: 40px;
    background-color: #515151;
    border: none;
    border-radius: 5px 0 0 5px;
    color: #fff;
}

.FooterSubscribeDiv .form-control:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none;
}

.FooterSubscribeDiv .btn {
    min-height: 40px;
    border-radius: 0 5px 5px 0;
    background-color: #ed1a3b;
    color: #fff !important;
}

.FooterStayConnectedDiv {
    float: left;
    margin-top: 50px !important;
}

.FooterStayConnectedDiv p {
    color: #fff;
    font-size: 16px !important;
    text-align: center;
}

.FooterBottom {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background-color: #353535;
}

.FooterBottom p {
    color: #868686 !important;
    font-size: 16px !important;
    float: left;
    margin-right: 4% !important;
}

.FooterBottom a {
    color: #fff;
    font-size: 16px !important;
    float: left;
    /*margin-right: 13%;*/
    margin-right: 6%;
    text-decoration: none;
}

.FooterBottom a:hover {
    color: #ed1a3b;
    text-decoration: none;
}

.fancy_Heading {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
        font-weight: 600;
}

.fancy_Heading span {
    display: inline-block;
    position: relative;
}

.fancy_Heading span:after {
    content: "";
    position: absolute;
    height: 5px;
    top: 15px;
    width: 70px;
    left: 100%;
    margin-left: 20px;
    background: url(/images/HeadingBorder1.png) no-repeat;
}

.fancy_Heading span:before {
    content: "";
    position: absolute;
    height: 5px;
    top: 15px;
    width: 70px;
    right: 100%;
    margin-right: 20px;
    background: url(/images/HeadingBorder2.png) no-repeat;
}

/*.Shows_onHeading span:after, .Shows_onHeading span:before {
    top: 35px;
}*/

.Shows_onHeading {
    margin-top: 0px !important;
   /* margin-bottom: 10px !important;*/
}

.FooterSocialIcon {
    width: 30px;
    display: inline;
    margin: 5px;
}

.FooterSocialIcon img {
    width: 30px !important;
}

.FooterSocialIcon img {
    width: 100%;
}

.Heder_navbar_Menu {
    float: left;
}

.FooterBottomText {
    /*width: 55%;*/
    width: 52%;
    float: left;
}

.FooterBottomText strong {
    color: #fff;
}

.FooterBottomLink {
    /*width: 45%;*/
    width: 42%;
    float: left;
}

.ExploreBoxHight {
    height: 450px !important;
}

.SocialMediaIconContentBox {
    width: 100%;
    float: left;
    padding: 10px;
}

.SocialMediaIconContentBox2 {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 10px 17px 0px 10px;
}

.SocialMediaText {
    float: left;
    margin-right: 5px;
}

.SocialMediaText p {
    font-size: 10px !important;
    margin-top: 3px !important;
    text-align: center;
    line-height: 12px;
}

.SocialMediaIconShowOnVideo {
    float: left;
    width: auto;
}

.socialMediaIconMain1 {
    height: 30px;
    width: 110px;
    float: left;
    margin: 0px 5px;
    background-size: 100% !important;
}

.socialMediaIconMain {
    height: 23px;
    width: 23px;
    float: left;
    margin:0px 7px 3px;
    background-size: 100% !important;
    background-position: center center !important;
}

.socialMediaIconMain img {
    width: 100%;
}

.socialMediaIconMain:hover {
    background-size: 110% !important;
}

.SocialMediaIconShowOnVideo {
    margin: 3px 8px 5px 8px;
}

.SocialMediaIconFB {
    background: url(/images/fb_selected1.png) no-repeat;
}

.SocialMediaIconTwitter {
    background: url(/images/twitter_selected1.png) no-repeat;
}

.SocialMediaIconInsta {
    background: url(/images/instagram_selected1.png) no-repeat;
}

.SocialMediaIconWhatsApp {
    background: url(/images/whatsapp_selected1.png) no-repeat;
}

.SocialMediaIconChat {
    background: url(/images/comment_selected1.png) no-repeat;
}

.SocialMediaIconLike {
    background: url(/images/google_plus_icon.png) no-repeat;
}

.SocialMediaIconFB1 {
    background: url(/images//fb_selected1.png) no-repeat;
}

.SocialMediaIconTwitter1 {
    background: url(/images/twitter_selected1.png) no-repeat;
}

.SocialMediaIconInsta1 {
    background: url(/images/instagram_selected1.png) no-repeat;
}

.SocialMediaIconWhatsApp1 {
    background: url(/images/whatsapp_selected1.png) no-repeat;
}

.SocialMediaIconChat1 {
    background: url(/images/comment_selected1.png) no-repeat;
}

.SocialMediaIconLike1 {
    background: url(/images/like_selected1.png) no-repeat;
}

.SocialMediaBigIconFB {
    background: url(/images/FBBig.png) no-repeat;
    margin-top: 3px;
}

.SocialMediaBigIconTW {
    background: url(/images/twitter_selected1.png) no-repeat;
}

.SocialMediaBigIconTW1 {
    background: url(/images/twitter_selected1.png) no-repeat;
}

.SocialMediaIconShowOnVideo .SocialMediaIconFB, .SocialMediaIconShowOnVideo .SocialMediaIconTwitter {
    display: block;
}

.SocialMediaIconWhite {
    float: left;
    margin-left: 20px;
}

.BackNavigation h3 {
    color: #000 !important;
    font-size: 18px !important;
}

.BackNavigation {
    background: url(/images/back_arrow_black.png) no-repeat !important;
    background-size: 21px 21px !important;
    background-position: center left !important;
    width: 200px !important;
    padding-left: 25px;
    cursor: pointer;
    margin-bottom: 30px;
}

.SocialMediaIconWhite .SocialMediaIconFB {
    background: url(/images/fb_selected1.png) no-repeat;
    margin-top: 2px;
}

.SocialMediaIconWhite .SocialMediaIconTwitter {
    background: url(/images/twitter_selected1.png) no-repeat;
    margin-top: 2px;
}

.SocialMediaIconWhite .SocialMediaIconInsta {
    background: url(/images/instagram_selected1.png) no-repeat;
}

.SocialMediaIconWhite .SocialMediaIconWhatsApp {
    background: url(/images/whatsapp_selected1.png) no-repeat;
}

.SocialMediaIconWhite .SocialMediaIconChat {
    background: url(/images/comment_selected1.png) no-repeat;
}

.SocialMediaIconWhite .SocialMediaIconLike {
    background: url(/images/like_selected1.png) no-repeat;
}

.SocialMediaText2 {
    width: 150px;
    margin-bottom: 5px;
}

.SocialMediaText4 {
    width: 104px;
    margin-bottom: 5px;
}

.SocialMediaText4 h3 {
    color: #000 !important;
    width: 45px;
    float: left;
    font-size: 28px !important;
    font-family:'Roboto', sans-serif  !important;
}

.SocialMediaText4 p {
    display: inline;
    float: right;
    font-size: 12px !important;
    width: 58px;
    text-align: left;
}

.SocialMediaText2 h3 {
    color: #000 !important;
    width: 50px;
    float: left;
    font-size: 28px !important;
    text-align: right;
    margin: 2px 5px 0px 8px !important;
    font-family: 'Roboto', sans-serif  !important;
}

.SocialMediaText2 p {
    display: inline;
    float: right;
    font-size: 12px !important;
    width: 56%;
    text-align: left;
    border-right: solid 2px #999999;
}

.GoToShowBtn {
    font-size: 12px !important;
    color: #fff !important;
    background-color: #ed1a3b !important;
    border: none !important;
    border-radius: 5px !important;
    width: 100px;
    font-family: 'Roboto', sans-serif  !important;
    padding: 5px 0px !important;
    float: right;
}

.ShowVideoBottom {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 10px #ccc;
}

.ShowVideoBottom .SocialMediaIconContentBox {
    width: 100%;
    float: none;
    max-width: 500px;
    margin: 0 auto;
}

.navbar-collapse.in {
    overflow-y: visible !important;
}

.StoriesHorizantalScrollMain {
    width: 100%;
    float: left;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.StoriesHorizantalScrollMainInner {
    width: 100%;
    float: left;
    min-width: 1000px;
    min-height: 530px;
}

.StoriesHorizantalScrollLeft {
    width: 31%;
    float: left;
    margin: 1%;
    padding: 1%;
}

.StoriesHorizantalScrollLeft1 {
    width: 100%;
    float: left;
    margin: 0%;
    padding: 0%;
}

.HorizantalScrollLoadMore1 {
    display: block;
}

.HorizantalScrollLoadMore2 {
    display: none;
}

.RecipesTabsMainSearchResult .nav-tabs {
    min-width: 900px;
}

.SearchResultButton {
    margin-top: 8%;
}

.AdvertiseOuterMain {
    width: 100%;
    position: relative;
}

.Other_shows_MainOuter {
    width: 100%;
}

.Other_shows_MainOuter .slider {
    margin-top: -20px;
}

.Other_shows_MainOuter .slick-prev, .Other_shows_MainOuter .slick-next {
    top: 48%;
}

.Other_shows_MainOuter .slick-list {
    height: auto;
}

.navbar_PageNameMobile {
    width: 100px;
    float: left;
    display: none;
    position: absolute;
    top: 18px;
    left: 40%;
    text-align: center;
}

.navbar_PageNameMobile p {
    color: #fff;
}

.navbar-default.affix .navbar_PageNameMobile p {
    color: #333 !important;
}

.navbar-default.affix .navbar_PageNameMobile {
    top: 15px;
}

.StoriesSlider {
    height: auto;
    width: 100% !important;
}

/*.StoriesSlider .slick-list {
    height: auto;
}*/

.StoriesSlider .slick-track {
    margin-right: auto;
    padding-top: 20px;
}

.StoriesSlider .slick-slide {
    margin: 0px 20px;
}

.LoadMoreUp {
    width: 150px;
    margin: 0 auto;
    background: url(/images/arrow_up.png) no-repeat;
    float: right;
    background-position: center right;
    margin-top: -36px;
}

.LoadMoreUp a {
    display: inherit;
    float: left;
    padding: 5px 10px;
    font-size: 18px;
    text-align: left;
    color: #333333;
    cursor: pointer;
   font-family:  'Roboto', sans-serif  !important;
    text-decoration: none;
}

.LoadMoreUp a:hover, .LoadMoreUp a:active {
    text-decoration: none;
    outline: none;
    color: #f52439;
}

.PopupLeft {
    width: 40%;
    float: left;
}

.PopupRightText {
    width: 60%;
    float: left;
}

.PopUpfacebookImg {
    width: 100%;
    float: left;
}

.PopUpfacebookImg img {
    width: 100%;
    margin: 0% 1%;
    max-width: 182px;
}

.ViewAll {
    background: url(/images/red_right.png) no-repeat !important;
    background-position: center right !important;
    background-size: 8px !important;
    width: 90px !important;
}

.ViewAllRight {
    float: right;
}

.WhiteNavbar {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0px 0px 0px 1px #ccc;
}

.WhiteNavbar .logo {
    background: url(/images/logo2.png) no-repeat;
    background-size: 100% 100%;
}

.WhiteNavbar .stellarnav.light li a {
    color: #333;
}

.WhiteNavbar .HederTopRightSearchicon {
    display: none;
}

.WhiteNavbar .HederTopRightSearchicon2 {
    display: block;
}

.WhiteNavbar .Fancy_button {
    border: 1px solid #333;
    color: #333;
}

.WhiteNavbar .stellarnav.mobile .menu-toggle {
    background: url(/images/MobileMenuIcon1.png) no-repeat;
    background-size: 100% !important;
}

.WhiteNavbar .navbar_PageNameMobile p {
    color: #333;
}

/* Dropdown style */
.dropdown {
    width: 100%;
    float: left;
    margin: 0px;
}

.dropdown dt a {
    display: block;
    height: 2.5em;
    width: 100%;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
    font-family: 'Roboto', sans-serif  !important;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.dropdown dt a:hover, .dropdown dt a:active {
    border-color: #bdc3c7;
}

.dropdown dt span {
    display: block;
    padding: 7px 15px;
    background: url("/images/red_down.png") no-repeat 90% center #fff;
    background-size: 15px;
    cursor: pointer;
    border: 1px solid #caccce;
    border-radius: 5px;
}

.dropdown dd {
    position: relative;
}

.dropdown dd ul {
    display: none;
    position: absolute;
    left: 0;
    /*top: -2.5em;*/
    top: 0px;
    width: 100%;
    list-style: none;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    border: 1px solid #caccce;
}

.dropdown dd ul li:first-child a:hover {
    border-radius: 3px 3px 0 0;
}

.dropdown dd ul li:last-child a:hover {
    border-radius: 0 0 3px 3px;
}

.dropdown dd li a {
    display: block;
    padding: 0 1em;
    line-height: 2.5em;
    text-decoration: none;
    color: #333;
    font-family: 'Roboto', sans-serif  !important;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.dropdown dd li a:hover {
    background-color: #ed1a3b;
    color: #fff;
    cursor: pointer;
}

.selectParentMain {
    width: 100%;
    float: right;
    max-width: 250px;
}

.selectParentMain .dropdown {
    width: 60%;
    float: right;
}

.selectParentMain p {
    display: inline-block !important;
    padding-left: 25px !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    float: left;
}

.BannerChefs_profileOuterLayer {
    width: 100%;
    float: left;
    background-color: rgba(0, 0, 0, 0.30);
    padding-top: 100px;
    padding-bottom: 20px;
}

.BannerChefs_profile {
    width: 100%;
    float: left;
    background: url(/images/edit_profile_bg.png) no-repeat;
    background-size: cover;
        margin-top: -19px;
}

.BannerChefs_profile .ShowDetailsButtonHeader {
    margin-top: 20px !important;
    position: relative;
    left: 0%;
}

.Author_profile img {
    max-width: 300px !important;
}

.Author_profile {
    margin-top: 20px;
}

.ProfileImage {
    width: 200px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 15px;
    margin-top: 120px;
}

.ProfileImage img {
    width: 100%;
    margin: 0px !important;
    border-radius: 50%;
}

.ChangeProfileImage {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.70);
    border-radius: 50%;
    z-index: 1;
    text-align: center;
}

.ChangeProfileImage img {
    width: 28px;
    text-align: center;
    border-radius: 0px !important;
    margin: 100px 0px 10px 0px !important;
}

.ChangeProfileImage h4 {
    color: #fff !important;
}

.cautionImg {
    margin-right: 20px;
}

.ViewProfile2 {
    width: 170px !important;
}

.ArticlesDetailsButtonHeader1 {
    margin-top: 120px !important;
    padding-left: 26px !important;
}

.containerShowdoSection {
    box-shadow: 0px 0px 15px #ccc;
    padding: 0px 25px 25px 25px;
    width: 80% !important;
    background-color: #fff;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    margin-top: 43%;
}

.ArticalesheaderTop {
    width: 100%;
    float: left;
    margin-top: 164px;
}

.ArticleDetails_text h1 {
    color: #333 !important;
    text-align: center;
    font-size: 38px !important;
}

.MorefromAuthorContent1 {
    padding: 45px 0px 20px 0px;
    border-bottom: 1px solid #333;
}

.ArticleDetails_text {
    width: 100%;
    float: left;
}

.ArticleDetails_text img {
    width: 100% !important;
    float: left;
    margin: 25px 0px;
    box-shadow: 0px 0px 15px #ccc;
}

.ArticleDetails_img2 {
    width: 100% !important;
}

.ArticleDetails_img {
    width: 48%;
    float: left;
    margin: 25px 0px;
    box-shadow: 0px 0px 15px #ccc;
}

.ArticleDetails_img img {
    width: 100%;
}

.ArticleDetails_text_right {
    width: 48%;
    float: right;
}

.ArticleDetails_text_Left {
    width: 48%;
    float: left;
}

.ArticleDetails_text_right h4 {
    text-align: left;
}

.ArticleDetails_imgBottom {
    width: 48%;
    float: right;
}

.ArticleDetails_imgBottom img {
    width: 100%;
    box-shadow: 0px 0px 10px #ccc;
}

.MorefromAuthorContentright {
    width: 500px;
    float: right;
    padding-left: 5px;
}

.SocialMediaIconFixLeft {
    width: 40px;
    position: fixed;
    left: 5%;
    top: 40%;
    display: none;
}

.SocialMediaIconFixLeft .socialMediaIconMain {
    margin: 8px 1px;
    /* height: 36px;
    width: 33px; */
}

.ViewProfile {
    width: 120px;
    padding: 4px 10px;
    margin: 0 auto;
    background-color: #ed1a3b;
    border-radius: 7px;
    position: relative;
    font-family: segoe_ui_bold;
}

.Author_profileImageSmall {
    max-width: 250px;
}

.ViewProfileRightArrow {
    background: url(/images/red_right.png) no-repeat !important;
    background-position: center right !important;
    background-size: 8px !important;
}

.LoadMore {
    width: 130px;
    margin: 0 auto;
    background: url(/images/red_down.png) no-repeat;
    background-position: right 10px;
    background-size: 15px;
}

.LoadMore a {
    display: inherit;
    float: left;
    padding: 5px 0px;
    font-size: 14px;
    text-align: left;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
}

.LoadMore a:hover, .LoadMore a:active, .LoadMore a:focus {
    text-decoration: none;
    outline: none;
    color: #f52439;
}

#LoadContent {
    display: none;
}

.ExploreBoxHight500 {
    height: 500px;
}

.UserProfileMain {
    width: 100%;
    float: left;
    margin-top: 5%;
}

.UserProfileMain p {
    margin-right: 25px !important;
    width: auto !important;
}

.ActivityLog {
    width: 80%;
    float: left;
    border-left: 2px solid #ed1a3b;
    padding: 20px 0px;
    margin-left: 20%;
}

.RecipesFilterBtn {
    width: auto;
    padding: 0px;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    float: right;
}

.RecipesFilterBtn .PopoularCategorieButton2 {
    width: auto;
    float: left;
    padding: 8px 30px;
    margin: 0px;
    font-size: 16px;
    color: #666;
    background-color: #fff;
}

.RecipesFilterBtnActive {
    color: #fff !important;
    background-color: #ed1a3b !important;
    border: 1px solid #ed1a3b !important;
}

.ArticleDetails2MainTop {
    width: 100%;
    float: left;
}

.ArticleDetails2MainTop .Recipe_byMainDivText1 p {
    color: #333 !important;
    font-size: 14px !important;
}

.ArticleDetails2MainTop .Recipe_byMainDivText1 {
    margin-left: 10px;
    margin-top: 7px;
    width: 170px;
}

.ArticleDetails2MainTop .Recipe_byMainDiv1 {
    width: 240px;
}

.ArticleDetails2MainTop .ArticlesHederSocialMediaIconContentBox {
    width: auto;
}

.container75 {
    width: 75% !important;
    margin: 0 auto;
}

.RecipeDetailFirstContent {
    width: 100%;
    float: left;
    /*margin-top: 60px;*/
    background-color: #fff;
}

.RecipesDetailContentLeftImg {
    width: 60%;
    float: left;
}

.RecipesDetailContentLeftImg img {
    width: 100%;
}

.RecipesDetailContentRightText {
    width: 40%;
    float: left;
    padding: 2% 12% 1% 4%;
}

.RecipesDetailContentRightText h2 {
    text-align: left;
}

.RecipeDetailsGurdipContent {
    width: 100%;
    float: left;
}

.RecipeDetailsGurdipImg {
    width: 40px;
    float: left;
    margin-right: 10px;
}

.RecipeDetailsGurdipImg img {
  /*  width: 100%;*/
      width: 40px;
    height: 40px;
    border-radius: 50%;
}

.RecipeDetailsGurdipText {
    float: left;
}

.RecipeDetailsGurdipContent h6 {
    margin: 11px 0px 0px 12px !important;
    float: left;
}

.RecipesDetailsTables tbody tr td {
    border-top: none;
    font-size: 16px;
    padding: 6px;
}

.RecipisDetailsSocialMediaIcon {
    max-width: 500px;
    margin: 0 auto;
    float: none;
}

.RecipesDetailsbuttonContentgraybg {
    width: 100%;
    float: left;
    text-align: left;
}

.RecipesDetailsbuttonContentgraybg .PopoularCategorieButton {
    width: 180px !important;
    float: none;
}

.RecipesDetailscol h4 {
    text-align: left;
}

.ResipesDetailsulLi ul li {
    padding: 8px 0px;
    font-size: 16px;
    color: #999;
}

.liststylenoneliclass {
    list-style: none;
    margin-left: -31px;
    color: #333 !important;
    font-weight: bold;
}

.ResipesDetailsOlLi ol {
    padding-left: 50px;
    margin-bottom: 20px;
}

.ResipesDetailsOlLi ol li {
    padding: 12px 0px;
    font-size: 16px;
    display: block;
    position: relative;
    margin: 10px 0px;
    color: #999;
}

.ResipesDetailsOlLiNumberDiv {
    position: absolute;
    left: -50px;
    top: 10px;
    width: 35px;
    height: 35px;
    border: 1px solid #ed1a3b;
    border-radius: 50%;
    padding: 4px 0px;
}

.ResipesDetailsOlLiNumberDiv p {
    font-size: 16px !important;
    text-align: center;
    color: #ed1a3b !important;
}

.borderBottomRed {
    border-bottom: 1px solid #ccc;
}

.RecipesDetailsCommentBox {
    border-bottom: none !important;
}

.RecipesDetailscolRight h4 {
   /* margin-left: 40px !important;*/
}

.Show_detail_HeadingDescriptionArrow {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.Show_detail_HeadingDescriptionArrow h2 {
    color: #000;
}

.Show_detail_HeadingDescriptionArrow h2 {
    float: left;
}

.Show_detail_HeadingDescriptionArrow img {
    float: right;
    margin-top: 8px;
    margin-left: 20px;
}

/*=======Start CustomStyle2.css=========*/

.Reviews_Landing_bannerText {
    float: left;
    width: 500px !important;
}

.RecipesContentMain1 {
    margin-top: 10px;
    box-shadow: none;
}

.ExploreTextBootom1 {
    float: right;
    width: 30%;
    margin-top: 2px;
}

.RecommenedBottomContent {
    float: left;
    width: 50%;
}

.RecommenedBottomimg {
    width: 28%;
    float: left;
    max-width: 50px;
}

.RecommenedBottomimg img {
    width: 100%;
}

.RecommenedBottomText {
    width: 68%;
    float: left;
    margin-top: 13px;
    margin-left: 4%;
}

.RecommenedBottomText h5 {
    font-size: 14px !important;
    text-align: left;
}

.GoToRecipeButton1 {
    background-color: #e91a3a;
    border: 0px;
    width: 100%;
    float: left;
    padding: 14px !important;
    border-radius: 0px 0px 5px 5px !important;
    font-family: 'Roboto', sans-serif ;
}

.GoToRecipeButton {
    float: left;
    width: 100%;
    display: none;
}

.ExploreLeftMainTextOuter {
    width: 100%;
    float: left;
}

.ExploreLeftMainText2:hover .GoToRecipeButton {
    display: block;
}

.ExploreLeftMainText1Hovor {
    height: 300px;
}

.RecipesVideoSmallWidth {
    width: 100%;
    float: left;
    height: 180px;
    border-radius: 5px 5px 0px 0px;
}

.ExploreLeftMainTextBigHeight {
    height: 300px;
}

.ExploreLeftMainTextBigHeight260 {
    height: 260px;
}

.RecipesVideoFullWidthLiveTV {
    height: 522px;
}

.HeaderBannerLeftTextHowToBake {
    float: left;
    width: 400px;
}

.LoadMore_ViewLess_buttonDiv {
    float: left;
    width: 100%;
}

.LoadMoreUp {
    width: 150px;
    margin: 0 auto;
    background: url(/images/arrow_up.png) no-repeat;
    float: right;
    background-position: center right;
    margin-top: -36px;
}

.LoadMoreUp a {
    display: inherit;
    float: left;
    padding: 5px 10px;
    font-size: 18px;
    text-align: left;
    color: #333333;
    cursor: pointer;
   font-family: 'Roboto', sans-serif  !important;
    text-decoration: none;
}

.LoadMoreUp a:hover, .LoadMoreUp a:active {
    text-decoration: none;
    outline: none;
    color: #f52439;
}

.ItalianMenu {
    background: url(/images/Italian_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .ItalianMenu {
    background: url(/images/Italian_R.png) no-repeat;
}

.ChineseMenu {
    background: url(/images/Chinese_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .ChineseMenu {
    background: url(/images/Chinese_R.png) no-repeat;
}

.FrenchMenu {
    background: url(/images/French_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .FrenchMenu {
    background: url(/images/French_R.png) no-repeat;
}

.AmericanMenu {
    background: url(/images/American_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .AmericanMenu {
    background: url(/images/American_R.png) no-repeat;
}

.SouthIndianMenu {
    background: url(/images/SouthIndian_B.png) no-repeat;
}

.IndianMenu {
    background: url(/images/SouthIndian_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .SouthIndianMenu {
    background: url(/images/SouthIndian_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .IndianMenu {
    background: url(/images/SouthIndian_R.png) no-repeat;
}

.LiteBitesMenu {
    background: url(/images/LiteBites_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .LiteBitesMenu {
    background: url(/images/LiteBites_R.png) no-repeat;
}

.DateNight {
    background: url(/images/DateNight_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .DateNight {
    background: url(/images/DateNight_R.png) no-repeat;
}

.HappyHoursMenu {
    background: url(/images/HappyHours_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .HappyHoursMenu {
    background: url(/images/HappyHours_R.png) no-repeat;
}

.CheatDayMenu {
    background: url(/images/CheatDay_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .CheatDayMenu {
    background: url(/images/CheatDay_R.png) no-repeat;
}

.HealthyMenu {
    background: url(/images/Healthy_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .HealthyMenu {
    background: url(/images/Healthy_R.png) no-repeat;
}

.ProteinMenu {
    background: url(/images/Protein_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .ProteinMenu {
    background: url(/images/Protein_R.png) no-repeat;
}

.GoToRecipeButton1:hover {
    background-color: #d31835 !important;
    border: none !important;
}

.PopoularCategoriesContent {
    width: 100%;
    float: left;
}

.PopoularCategorieButton {
    width: 138px;
    float: left;
    margin: 5px;
    font-size: 16px;
    color: #ed1a3b !important;
    border: 1px solid #ccc !important;
    background-color: transparent !important;
}

.GoToRecipeButton:hover, .GoToRecipeButton:active:focus, .GoToRecipeButton:focus {
    background-color: #ed1a3b !important;
    color: #fff !important;
    border: 1px solid #ed1a3b !important;
    border-radius: 0px 0px 5px 5px;
}

.GoToRecipeButton.active, .GoToRecipeButton:active, .open > .dropdown-toggle.GoToRecipeButton {
    background-color: #ed1a3b !important;
    border: 1px solid #ed1a3b !important;
}

.btn-primary {
    background-color: #ed1a3b !important;
    border: 1px solid #ed1a3b !important;
}

.SocialMediaIconCardBottom {
    width: 100%;
    height: auto;
    max-width: 225px;
    margin: 0 auto;
    margin-top: 16px;
    float: none;
}

.SocialMediaIcon4 {
    max-width: 160px;
}

.SocialMediaIcon5 {
    max-width: 190px;
}

.RecipesTabsMainSearchResult .nav-tabsSearchResult li {
    width: 7.5% !important;
}

.HeaderTop_SearchResult {
    background-color: #000;
    background-image: none;
}

.AllMenu {
    background: url(/images/All_B.png) no-repeat;
}

.ShowsMenu {
    background: url(/images/Shows_B.png) no-repeat;
}

.PeopleMenu {
    background: url(/images/People_B.png) no-repeat;
}

.HowtoMenu {
    background: url(/images/HowTo_B.png) no-repeat;
}

.ReviewsMenu {
    background: url(/images/Reviews_B.png) no-repeat;
}

.StoriesMenu {
    background: url(/images/Stories_B.png) no-repeat;
}

.EventsMenu {
    background: url(/images/Events_B.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .AllMenu {
    background: url(/images/All_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .ShowsMenu {
    background: url(/images/Shows_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .PeopleMenu {
    background: url(/images/People_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .HowtoMenu {
    background: url(/images/HowTo_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .ReviewsMenu {
    background: url(/images/Reviews_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .StoriesMenu {
    background: url(/images/Stories_R.png) no-repeat;
}

.RecipesTabsMain .nav-tabs .active .EventsMenu {
    background: url(/images/Events_R.png) no-repeat;
}

.ShowDetail_RewindwithContentBox {
    float: left;
    width: 100%;
    padding: 20px 0px;
    box-shadow: 0px 0px 10px #eee;
    background-color: #eee;
}

.Show_detail_HeadingRewind {
    float: left;
}

.Show_detail_HeadingRewind h2 {
    text-align: left;
    margin: 8px 0px;
}

.Show_detail_HeadingRewind2 {
    color: #000;
    width: 100%;
}

.ShowDetails_iconContent {
    float: left;
    width: 100%;
}

.ShowDetail_ContentDescription {
    float: left;
    width: 100%;
    padding-top: 22px;
}

.Show_detail_HeadingDescription {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.Show_detail_HeadingDescription h4 {
    text-align: left;

}

.ShowDetailsButtonHeader {
   float: left;
    margin-top: 130px !important;
    background: rgba(255, 255, 255, 0.95) url(/images/back_arrow_black.png) no-repeat !important;
    background-position: center center !important;
    position: absolute;
    width: 30px !important;
    height: 30px;
    left: 10%;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 1px #000;
}

.mt-90 {
    margin-top: 90px;
}

.ShowDetailsButtonHeader a {
    color: #fff !important;
    margin-left: -25px;
    padding-left: 25px;
}

.OtherHostsLeftIcon {
    background-color: #fff;
    box-shadow: 0px 0px 15px #eee;
    width: 84px;
    height: 84px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 0px;
}

.OtherHostsLeftIcon img {
    width: 100%;
    border-radius: 50%;
    float: left;
    height: 100%;
}

.FoodForYourMoodHoverBg strong {
    font-size: 25px;
    font-family: 'Roboto', sans-serif ;
}

.AboutHostContent {
    width: 100%;
    float: left;
}

.AboutHostLeftImg {
    width: 100%;
    float: left;
    text-align: center;
}

.AboutHostLeftImg img {
    width: 100%;
    max-width: 416px;
}

.AboutHostRightContent {
    width: 100%;
    float: left;
}

.Show_detail_HeadingDescription h5 {
    text-align: left;
}

.PopoularCategorieButton3 {
    width: auto;
    float: left;
    padding: 5px 15px !important;
    margin: 5px;
    font-size: 16px;
    color: #ed1a3b !important;
    border: 1px solid #333 !important;
}

.PopoularCategorieButton3:hover, .PopoularCategorieButton3:active, .PopoularCategorieButton3:focus {
    background-color: #e91a3a !important;
    color: #fff !important;
    border: 1px solid #e91a3a !important;
}

.AboutHostButton {
    float: right;
    width: 150px;
    margin: 0 auto;
    background: url(/images/red_right.png) no-repeat !important;
    background-position: center right !important;
    margin-top: 8px !important;
    width: 110px !important;
    background-size: 8px !important;
}

.AboutHostButton a {
    font-size: 12px !important;
}

.ShowdetailsCommentimg {
    width: 100%;
    float: left;
    text-align: center;
    /*border-bottom: 1px solid #e91a3a;*/
}

.ShowdetailsCommentimg img {
    width: 100%;
    max-width: 825px;
}

.bottomboxShowdoSection {
    box-shadow: 0 3px 5px #eee;
}

.MorefromAuthorContent {
    width: 100%;
    float: left;
}

.MorefromAuthorContentleft {
    width: 230px;
    float: left;
}

.MorefromAuthorContentleft h6 {
    margin-top: 30px !important;
    float: left;
}

.MorefromAuthorContentleftimg {
    width: 80px;
    float: left;
    padding: 5px;
}

.MorefromAuthorContentleftimg img {
    width: 100%;
    margin-top: 20px;
}

.MorefromAuthorContent h6 {
    margin: 10px 0px !important;
}

.ArticalesheaderTopimg {
    width: 78%;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.ArticalesheaderTopimg img {
    width: 100%;
}

.ArticleDetails_text1 {
    padding: 30px 0px 20px 0px;
}

.ArticleDetails_textborderBottom {
    width: 50%;
    float: left;
    background-color: #e91a3a;
    height: 2px;
    margin: 10px 0px 10px 0px;
}

.paddingtopBottom {
    padding: 25px 0px;
}

.ArticleDetails_text h4 {
    text-align: left;
}

.ArticleDetails_img1 {
    margin: 5px 0px;
}

.paddingright {
    padding-right: 0px;
}

.paddingleft {
    padding-left: 0px;
}

.ArticlesDetailsButtonHeader {
    float: left;
    background: url(/images/back_arrow_black.png) no-repeat !important;
    background-position: center left !important;
    position: absolute;
    width: 200px !important;
    padding-left: 16px;
    left: 11%;
    z-index: 1;
}

.ArticlesDetailsButtonHeader a {
    color: #333 !important;
}

.ArticlesLogoContent {
    width: 100%;
    float: left;
}

.ArticlesLogoimg {
    width: 20%;
    float: left;
}

.MorefromAuthorContentleft1 {
    width: 100%;
    float: left;
}

.MorefromAuthorContentleftimg1 {
    width: 30%;
    float: left;
    max-width: 80px;
}

.MorefromAuthorContenttext {
    width: 60%;
    float: left;
    margin-top: 20px;
}

.MorefromAuthorContentright1 {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.MorefromAuthorContentright1 .SocialMediaIconContentBox {
    float: right;
}

.BannerImageArticles {
    background: url(/images/articleHeader-img.png) no-repeat;
}

.Recipe_byMainDiv1 {
    float: left;
    width: 50%;
}

.Recipe_byMainDivText1 {
    margin-top: 20px;
    float: left;
}

.Recipe_byMainDivText1 p {
    color: #fff !important;
}

.ArticlesHederSocialMediaIconContentBox {
    float: right;
    margin-top: 5px;
    padding: 0px;
}

.PopCulture_margintop {
    margin-top: 70px;
    box-shadow: 0px 0px 15px #ccc;
}

.LoadMore_ViewLessButton {
    width: 100%;
    float: left;
}

.ViewLessStories_without_baner {
    float: right;
    margin-top: -38px !important;
}

.LoadMoreOtherStories {
    background: url(/images/red_right.png) no-repeat !important;
    background-position: center right !important;
}

.BtnHoverNone:hover, .BtnHoverNone:active:focus, .BtnHoverNone:focus {
    background-color: #fff !important;
    color: #ed1a3b !important;
    border: 1px solid #333 !important;
}

/*======End CustumStyle2.css===*/
/*=======Start CustomStyle3.css=========*/

.HeadingTextCenter {
    text-align: center;
    color: #333333;
}

.ExploreHeadingImg150 {
    width: 150px;
}

.gotobtn {
    position: absolute;
    top: 120px;
    left: 100px;
    z-index: 99;
    color: #000;
    display: block;
    width: 140px;
}

.fancy_Heading1 {
    line-height: 0.5;
    text-align: center;
    margin-bottom: 15px;
}

.fancy_Heading1 span {
    display: inline-block;
    position: relative;
}

.fancy_Heading1 span:before {
    content: "";
    position: absolute;
    height: 5px;
    top: 7px;
    width: 70px;
    right: 100%;
    margin-right: 20px;
    background: url(/images/HeadingBorder2.png) no-repeat;
}

.fancy_Heading1 span:after {
    content: "";
    position: absolute;
    height: 5px;
    top: 7px;
    width: 70px;
    left: 100%;
    margin-left: 20px;
    background: url(/images/HeadingBorder1.png) no-repeat;
}

.HeadingDropdown {
    width: 145px;
    margin: 0 auto;
    background: url(/images/red_down.png) no-repeat;
    background-position: center right;
    background-size: 20px;
    height: 25px;
    text-align: left;
}

.RecommenedBottomText1 {
    width: 50%;
    float: left;
    margin-top: 5px;
    margin-left: 4%;
}

.RecommenedBottomText1 h5 {
    font-size: 14px !important;
    text-align: left;
}

.ExploreTextBootom2 {
    float: right;
    width: 40%;
    margin-top: 4px;
    margin-right: 4%;
}

.ExploreLeftMainText1 {
    width: 100%;
    float: left;
    height: auto;
    padding: 0px 0px 10px 0px;
}

.CardText {
    padding: 0% 4% !important;
}

.SocialMediaText1 p {
    font-size: 12px !important;
    display: inline;
    float: right;
    width: 65%;
}

.SocialMediaText1 h4 {
    float: left;
    margin-top: 1px !important;
    width: 35%;
    font-size: 28px !important;
    font-family: 'Roboto', sans-serif  !important;
}

.ChefDetails h3 {
    color: #000 !important;
    font-size: 28px !important;
    margin-bottom: 15px !important;
}

.HowToImageHeading {
    padding-bottom: 15px;
}

.HowToImageHeading h1 {
    font-size: 36px !important;
}

.ExploreLeftMainTextNopad {
    padding-bottom: 0px !important;
}

.PepleBannerTtext h3 {
    font-family: sans-serif, Arial !important;
    margin-top: 5px !important;
    font-size: 22px !important;
}

.PepleBannerTtext {
    padding-bottom: 0px;
}

.BannerTextCenter {
    position: absolute;
    bottom: 130px;
    width: 100%;
}

.BannerTextCenter h2 {
    color: #fff;
}

.ExploreLeftMainText2:hover {
    z-index: 999;
}

.ExploreLeftMain {
    background-color: #fff;
}

.recipeDetails {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.80);
    width: 100%;
    height: 370px;
}

.recipeDetails h1 {
    text-align: center;
    font-size: 30px !important;
    padding-top: 45px !important;
}

.recipeDetails span {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
}

.RecipeDetailsText {
    width: 50%;
    margin: 0 auto !important;
}

.RecipeDetailsText p {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px !important;
}

.RecipeDetailsText button {
    border-radius: 25px;
    height: auto;
    padding: 5px 10px !important;
    margin-left: 10px;
    font-weight: 600;
    font-size: 12px;
}

.RecipeDetailsText button:hover {
    border: 1px solid #fff !important;
    background-color: #000;
}

.RecipeIngedients {
    width: 83%;
    margin: 0 auto !important;
    padding-top: 15px;
}

.RecipeIngedients ul li {
    color: #fff;
    color: #fff;
    font-size: 14px;
}

.RecipeIngedients ul {
    list-style: none;
    padding: 0px;
}

.RecipesContentLeft:hover .recipeDetails {
    display: none;
}

.ViewMoreButton {
    text-align: center;
    min-height: 85px;
    padding-top: 25px;
    background: url(/images/red_right.png) no-repeat center right;
    background-size: 8px;
}

.ViewMoreButton h3 {
    color: #000;
}

.ViewMoreButton span {
    font-size: 16px;
    color: #000;
}

.ViewMoreButton i {
    display: none;
}

.RecipesContentLeft {
    position: relative;
}

.PepoleOurChefs {
    max-width: 192px;
    position: relative;
}

/* .ViewLess {
    width: 133px;
    margin: 0 auto;
    background: #fff url(/images/red_up.png) no-repeat;
    background-position: center right;
}

    .ViewLess a {
        display: inherit;
        float: left;
        padding: 5px 10px;
        font-size: 18px;
        text-align: left;
        color: #333333;
        cursor: pointer;
       font-family: 'Roboto', sans-serif !important;
        text-decoration: none;
    } */
.ViewLess {
    width: 110px !important;
    margin: 0 auto;
    background: #fff url(/images/red_up.png) no-repeat;
    background-position: center right;
    background-size: 15px;
}

.ViewLess a {
    display: inherit;
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    text-align: left;
    color: #333333;
    cursor: pointer;
   font-family:  'EB Garamond', serif !important;
    text-decoration: none;
}

.ViewLess a:hover {
    color: #e91a3a;
    text-decoration: none;
}

.PepoleOurChefsHover {
    width: 100% !important;
    display: none;
    position: absolute;
    padding-top: 90px;
    height: 100%;
}

.PepoleOurChefsHover h2 {
    color: #000;
    font-size: 24px !important;
    margin: 0px !important;
}

.PepoleOurChefsHover span {
    font-size: 12px !important;
    font-family: segoe_ui, sans-serif, Arial !important;
    line-height: 22px;
    text-transform: uppercase;
        margin: 0 6px;
}

.ChefShows {
    width: 50%;
    display: inline;
}

.PepoleOurChefs:hover .PepoleOurChefsHover, .active-item .PepoleOurChefsHover {
    display: block;
    transition: all .5s !important;
    background-color: rgba(255, 255, 255, 0.90);
    height: 278px;
    width: auto;
    margin-top: -25px;
}

.folding-menu {
    text-align: center;
}

.modal-dialog {
    width: 100% !important;
    margin: 0px !important;
 padding: 0px;
}

.modal-content {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-radius: 10px !important;
}

.modal {
    padding: 0px !important;
}

.close {
    color: #ed1a3b;
    font-size: 55px;
    opacity: 1 !important;
    font-weight: 100 !important;
}

.SearchButton {
    box-sizing: border-box;
    background-color: white;
    background-image: url('/images/searchicon.png');
    background-position: 0px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    border: none;
    border-bottom: 2px solid #ed1a3b;
    font-size: 31px;
    width: 100%;
    color: #333;
    background-image: none !important;
}

.SearchButton:focus {
    outline: none !important;
}

.modal-body {
    margin: 0 auto;
    float: none !important;
}

.modal-body form {
    text-align: center;
}

.modal-header {
    border: none;
    padding: 0px;
    padding-right: 15px !important;
}

.modal-footer {
    border: none;
}

.TredingSearch {
    margin: 0 auto;
    float: none;
}

.TredingSearch p {
    padding: 15px 0px !important;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.TrendingSeachButton {
    padding: 20px 0px 20px 0px;
}

.PopoularCategorieButton2 {
    width: auto;
    float: left !important;
    padding: 3px 15px !important;
    margin: 11px;
}

.PopoularCategorieButton2:hover, .PopoularCategorieButton2:active, .PopoularCategorieButton2:focus {
    background-color: #e91a3a !important;
    color: #fff !important;
    border: 1px solid #e91a3a !important;
}

.nopad {
    padding: 0 !important;
}

/*Edit Profile Page*/
.ProfileWrapper {
    padding: 0px 0px 50px 0px !important;
}

.ProfileBanner {
    width: 100%;
    height: auto;
    float: left;
}

.banner {
    background: url(/images/edit_profile_bg.png) no-repeat;
    width: 100%;
    height: 435px;
    position: absolute;
    background-size: cover;
}

.Userbanner {
    background: url(/images/edit_profile_bg.png) no-repeat;
    width: 100%;
    height: 350px;
    position: absolute;
    background-size: cover;
}

.div20 {
    height: 20px;
}

.ProfileImage {
    text-align: center;
}

.ProfileImage img {
    margin: 20px 0px;
    border-radius: 50%;
}

.ProfileHeading {
    height: auto;
    width: 100%;
    padding: 40px 0px;
    border-bottom: solid 1px #ccc;
}

.ProfileHeading h2 {
    margin: 0px !important;
    padding: 0px !important;
}

.ProfileContentBgWhite {
    margin: 0 auto;
    background-color: #fff;
    width: 80%;
    border-bottom: solid 1px #eee;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.27);
}

.ProfileDetails {
    width: 100%;
}

.ProfileContent {
    width: 75%;
    margin: 20px auto;
}

.ProfileContent input, .ProfileContent textarea {
    margin: 17px 0px !important;
    font-weight: 600;
}

.ProfileContent label {
    margin: 20px 0px;
}

.ProfileContent button, .caution button {
    width: 49%;
    margin: 20px 0% 0px 0%;
    color: #ed1a3b;
    font-family: segoe_ui_Semi_bold sans-serif, Arial !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    border: solid 1px #ed1a3b;
}

.caution button {
    width: 170px !important;
}

.ProfileContent button:hover, .caution button:hover {
    color: #fff;
    background-color: #ed1a3b;
    border: 1px solid #ed1a3b;
}

.caution {
    width: 100%;
    padding: 40px 0px;
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 5%;
}

.caution h3 {
    padding: 30px 0px;
    color: #000 !important;
    text-align: center;
}

.caution p {
    margin: 30px auto !important;
    text-align: center;
    width: 80%;
}

input[type='checkbox'] {
    margin-top: -30px;
}

input[type='checkbox'] {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 14px;
    height: 14px;
    margin: 0;
    margin-right: 1px;
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type='checkbox']:after {
    content: "";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 14px;
    width: 14px;
    left: 0;
    top: 0;
    font-size: 10px;
    /* -webkit-box-shadow: inset 0 1px 1px #ed1a3b, 0 1px 0 #ed1a3b;
-moz-box-shadow: inset 0 1px 1px #ed1a3b, 0 1px 0 #ed1a3b;
box-shadow: inset 0 1px 1px #ed1a3b, 0 1px 0 #ed1a3b; */
    background: #ed1a3b;
}

/* input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
background: #5F95FC;
content: '\2714';
color: #fff;
} */

input[type='checkbox']:checked:after {
    background: #ed1a3b;
    content: '\2714';
    color: #fff;
    font-size: 16px;
}

.Author_profile img {
   border-radius: 50%;
    background: #fff;
    width: 85% !important;
    float: left;
    border: solid 5px #ed1a3b;
   /* height: 170px;*/
}

.AboutChef h2, .AboutChef h4, .AboutChef h5, .AboutChef h6, .AboutChef p {
    text-align: left !important;
    color: #fff !important;
}

.Dishes {
    text-align: left;
}

.DishesButton {
    float: none !important;
    text-align: center !important;
}

.DishesButton button {
    float: none !important;
}

.AboutChef h6 {
    font-size: 14px !important;
}

.Dishes h4 {
    font-size: 18px !important;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    padding: 0px 15px 0px 15px !important;
    display: inline-block;
}

.Dishes p {
    display: inline-block !important;
}

.PeopleEngagedText {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.Dishes span {
    font-size: 18px !important;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    color: #fff;
}

.Articles {
    width: 48%;
    float: right;
}

.ArticleHeading, .ArticleSort {
    text-align: center;
}

.ArticleSort {
    text-align: right;
}

.ArticleHeading h2 {
    display: inline-block !important;
    margin-top: 5px !important;
}

.ArticleSort p {
    display: inline-block !important;
    padding-left: 25px !important;
    margin-top: 3px !important;
}

.AuthorBanner {
    padding-left: 0px !important;
}

.selectParent {
    width: 100%;
    overflow: hidden;
}

.selectParent select {
    border: solid 1px #5D5D5D !important;
    width: 160px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
    border: none;
    color: #5D5D5D;
    font-size: 15px;
    background: transparent url(/images/red_down.png) no-repeat 130px center;
    background-size: 10% 40%;
}

.ShadowEffect {
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.ViewLess2 {
    float: right;
}

.LoadMoreOuter {
    width: 78%;
    float: right;
}

.User_profile {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 60px;
}

.User_profile img {
    border-radius: 50%;
    background: #fff;
    width: 192px !important;
    float: left;
    bottom: -25px;
}

.AboutUser {
    width: 100%;
    float: left;
}

.AboutUser h2, .AboutUser h5 {
    text-align: left !important;
    color: #fff !important;
    float: left;
    margin: 0px !important;
    font-weight: 800;
}

.AboutUser h4 {
    padding: 5px 0px !important;
    float: right;
    color: #fff !important;
    background: url(/images/Edit2.png) no-repeat;
    background-position: center right;
    width: 170px !important;
    text-align: left !important;
}

.AboutUser p {
    color: #fff !important;
    padding-left: 25px !important;
    width: 190px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-bottom: 5px !important;
}

.favorites {
    background: url(/images/heart.png) no-repeat;
    background-position: left 8px;
    width: 220px !important;
}

.comments {
    background: url(/images/comment.png) no-repeat;
    background-position: left 8px;
    width: 225px !important;
}

.facebook {
    background: url(/images/fb_2.png) no-repeat;
    background-position: left 4px;
}

.twiter {
    background: url(/images/twitt.png) no-repeat;
    background-position: left 8px;
}

.whatsapp {
    background: url(/images/heart.png) no-repeat;
    background-position: left 8px;
}

.instagram {
    background: url(/images/heart.png) no-repeat;
    background-position: left 8px;
}

.AboutUser span {
   font-family:  'EB Garamond', serif !important;
    font-size: 16px;
}

.UserFavourites {
    margin-bottom: 40px;
}

.UserWrapper {
    padding: 100px 0px 0px 0px !important;
}

.UserFavourites .nav-tabs li {
    margin: 0% 2.5% !important;
    width: 9.2% !important;
    min-height: 115px;
}

.NoShadow {
    box-shadow: none !important;
}

.NoShadow .ExploreTextBootom {
    text-align: center;
}

.NoShadow .ExploreTextBootom p {
    text-align: center;
    float: none;
}

.MonthButton {
    width: 150px !important;
    margin-left: 15px !important;
}

.ActivityLog button {
    float: left;
    background: #fff !important;
    border: solid 1px #ed1a3b !important;
    color: #333333 !important;
    padding: 5px 15px !important;
    font-size: 16px !important;
    width: auto;
    margin-left: 35%;
    border-radius: 8px !important;
}

.ActivityLog input {
    border: solid 1px #ed1a3b;
    padding: 3px !important;
    font-weight: 600;
    border-radius: 4px;
    color: #ed1a3b !important;
}

.ActivityLog input:hover {
    border: solid 1px #ed1a3b;
    color: #fff !important;
    background: #ed1a3b !important;
}

.ActivityLog button:hover {
    background: #fff !important;
    border: solid 1px #ed1a3b;
}

.ActivityLogWrapper {
    width: 100%;
    padding: 50px 60px;
    max-width: 800px;
}

.ActivityLogShadow {
    padding: 20px 0px;
    width: 100%;
    box-shadow: 0px 0px 15px #ccc;
    position: relative;
    margin: 40px 0px;
}

.ActivityLogShadow:before {
    content: "";
    display: block;
    background: url(/images/arrow_profile.png) no-repeat;
    background-position: left center;
    width: 12px;
    height: 30px;
    position: absolute;
    left: -62px;
    top: 46%;
}

.ActivityLogShadow:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
}

.ActivityLogRight {
    width: 65%;
    text-align: left;
    float: right;
    padding-right: 10px;
}

.ActivityLogRight a {
    display: block;
    width: 85%;
    float: right;
    text-decoration: underline;
    color: #ed1a3b;
}

.ActivityLogRight p {
    margin-top: 15px !important;
    width: 85%;
    float: right;
}

.social {
    float: right;
    width: 140px;
}

.social-icons {
    width: auto !important;
    margin: 0px 5px !important;
}

.ActivityLogRight h4 {
    display: inline-block;
}

.ActivityLogRight img {
    width: 25px;
    margin-top: 30px;
}

.ActivityLogLeft {
    width: 35%;
    float: left;
    margin-left: -5%;
    margin-top: 0%;
}

.ActivityLogLeft img {
    width: 100%;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.5);
}

.ExploreHeadingImg2 {
    width: 100px;
    padding: 5px 10px;
    background-color: #ed1a3b;
    border-radius: 5px;
    text-align: center;
    font-size: 12px !important;
    color: #fff !important;
    margin-top: 10px !important;
}

.ExploreHeadingImg2:hover {
    background-color: #fff !important;
    color: #ed1a3b !important;
}

.RecommenedBottomimg img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.morefor p {
    font-size: 16px;
}

.morefor strong {
    font-size: 18px;
    font-weight: 600;
}

.SocialMediaText3 p {
    text-transform: uppercase;
    color: #333333;
    text-align: left;
    font-size: 12px !important;
}

.SocialMediaText3 h3 {
    color: #000 !important;
    font-size: 14px !important;
    font-family: Antonio_Bold, sans-serif, Arial !important;
}

.dropdown1 {
    width: 175px !important;
    border: none !important;
}

.dropdown1 dt span {
    border: none !important;
    padding-top: 0px !important;
   font-family:  'EB Garamond', serif !important;
    font-size: 28px !important;
    background-size: 21px;
}

.dropdown1 dt span:before {
    content: "";
    position: absolute;
    height: 5px;
    top: 20px;
    width: 70px;
    right: 100%;
    margin-right: 5px;
    background: url(/images/HeadingBorder1.png) no-repeat;
}

.dropdown1 dt span:after {
    content: "";
    position: absolute;
    height: 5px;
    top: 20px;
    width: 70px;
    left: 100%;
    margin-left: 5px;
    background: url(/images/HeadingBorder2.png) no-repeat;
}

.selectdiv1 {
    text-align: center;
}

.ExploreBoxHight {
    cursor: pointer;
}

.ExploreLeftMainText2 {
    cursor: pointer;
}

.RecipesDetailWrapper {
    width: 100%;
    float: left;
}

.RecipesDetailWrapper h6 {
    color: #999 !important;
    line-height: 20px;
}

.RecipesDetailWrapper h6 b {
    color: #666 !important;
}

.EpisodeDetailWrapper {
    width: 87%;
    margin: 20px auto 0px auto;
}

.EpisodeBackNavigation {
    margin-top: 20px !important;
}

.RecipeDetailsHeading span {
    font-size: 26px !important;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
}

.Nonveg {
    width: 20px;
    margin-top: 10px;
    float: right;
}

.RecipeDetailsHeadingImage h6 {
    margin-top: 8px !important;
}

.RecipeDetailsHeadingImage {
    float: left;
    width: 100%;
    position: relative;
    padding-right: 0px;
}

.RecipeDetailsBannerWrapper {
    position: relative;
    border: none !important;
}

.RecipeDetailsBanner {
    width: 100%;
}

.RecipeDetailsLogo {
    position: absolute;
    z-index: 999;
    top: 20px;
    left: 20px;
    width: 20%;
}

.RecipeDetailsText {
    position: absolute;
    z-index: 999;
    bottom: 5px;
    left: 30px;
}

.pt-10 {
    padding-top: 10px !important;
}

.RecipeDetailsText h1 {
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
}

.RecipesSection {
    /* border-bottom: 1px solid #ed1a3b; */
}

.AddWraper {
    text-align: center;
    background: #f2f1f0;
    width: 100%;
    padding: 10px 0px;
}

.AddWraper img {
    width: 60%;
}

.SocialMediaIconContentBox1 {
    padding: 15px 17px 9px 0px !important;
}

.CookingDetails {
    padding: 10px 0px !important;
    float: left;
}

.CookingDetails p strong {
    color: #727272;
    font-weight: normal;
}

.Addshadow {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
}

.text-center {
    float: none !important;
    text-align: center;
}

.BackNavigation1 {
    background: url(/images/back_arrow_black.png) no-repeat !important;
    background-size: 21px 21px !important;
    background-position: center left !important;
    height: 30px;
    width: 30px;
    float: left;
    margin-top: 7px;
}

.ViewAllDropdown span {
    border: none !important;
    font-weight: 600;
    background-position: right 14px !important;
    background-size: 15px 11px !important;;
}

.TermsConditions h3 {
    color: #000 !important;
    text-align: center;
    font-size: 24px !important;
}

.section {
    padding: 100px 0px 0px 0px !important;
}

.redborder {
    border: 1px solid #e91a3a;
    width: 180px;
    text-align: center;
    margin: 0 auto;
}

.TermsText {
    padding: 50px 0px 0px 0px;
}

.terms {
    list-style: none;
}

.terms li {
    line-height: 1.5;
    font-size: 18px;
    padding-bottom: 25px;
    text-align: justify;
}

.terms span {
    width: 40px;
    display: block;
    float: left;
}

.selectParentMain1 {
    max-width: 160px !important;
    margin-top: 5px;
}

.Aboutbanner {
    background: url(/images/articleHeader-img.png) no-repeat;
    width: 100%;
    height: 500px;
    background-size: cover;
    position: relative;
}

.AboutContentBgWhite {
    margin: -150px auto 0px auto;
    background-color: #fff;
    width: 80%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.27);
}

.AboutText {
    padding: 50px 40px 20px 0px;
}

.EpisodeDetails {
}

.EpisodeDetails h1 {
    font-family: segoe_ui_semi_bold, sans-serif, Arial !important;
    color: #000 !important;
    margin-bottom: 15px !important;
}

.EpisodeDetails p {
    display: inline;
    color: #000;
    font-size: 15px;
    float: left;
    margin: 2px 0px 10px 0px !important;
}

.EpisodeDetails strong {
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
}

.EpisodeDetails span {
    width: 60px;
    display: block;
    float: left;
    text-align: center;
    font-size: 18px;
}

.EpisodeRecipeDetail {
    border-top: solid 1px #ccc;
}

.EpisodeRecipeDetail p {
    margin-top: 10px !important;
}

.EpisodeAds img {
    width: 100%;
    margin: 20px 0px;
}

.ExploreLeftMainText3 {
    position: relative;
    min-height: 395px !important;
}

.bottomboxShowdoSection1 {
    position: relative;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.Footer_Submenu li {
    color: #868686 !important;
    width: 100% !important;
}

.FooterWrapper {
    width: 100%;
    margin: 10px auto 20px;
    max-width: 1200px;
}

.FooterBorder {
    border-bottom: 1px solid #8B8B8B;
}

.FooterUpper {
    width: 100%;
    position: relative;
}

.footerUserRecipeInfoWrapper {
    width: 84%;
    float: right;
    overflow-x: auto;
}

.mobileFooterIconsContainer {
    width: 1005px;
}

.footerUserRecipeUserWrapper {
    width: 14%;
    float: left;
    text-align: center;
}

.FooterUserDetails {
    width: 80%;
    float: left;
}

.footerVerticleborder {
    width: 2px;
    height: 50px;
    background: #8B8B8B;
    float: left;
    margin-top: 20px;
}

.footerUserRecipeUserWrapper img {
    width: 60px;
    border-radius: 50%;
}

.footerUserRecipeUserWrapper a {
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
    display: block;
    text-align: center;
}

.footerUserRecipeUserWrapper a:hover {
    color: #fff;
    text-decoration: none;
}

.footerUserRecipeInfo {
    margin: 5px 10px 0px;
    float: left;
    height: 100px;
    width: 118px;
    background-position: center top !important;
}

.recipes {
    background: url(/images/FooterRecipes.png) no-repeat;
}

.Shows {
    background: url(/images/FooterShows.png) no-repeat;
}

.People {
    background: url(/images/FooterPeople.png) no-repeat;
}

.HowTo {
    background: url(/images/FooterHowTo.png) no-repeat;
}

.Stories {
    background: url(/images/FooterStories.png) no-repeat;
}

.Reviews {
    background: url(/images/FooterReviews.png) no-repeat;
}

.Events {
    background: url(/images/FooterEvents.png) no-repeat;
}

.footerUserRecipeInfoWrapper a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: segoe_ui, sans-serif, Arial !important;
    display: block;
    text-align: left;
    padding-left: 3px;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all 0.5s !important;
    transition: all .5s !important;
}

.footerUserRecipeInfoWrapper p {
    text-align: center;
    width: 100%;
}

.footerUserRecipeInfoWrapper p span {
    color: #fff;
}

.footerUserRecipeInfoWrapper a:hover {
    color: #e91a3a;
    text-decoration: none;
}

.Footer_Submenu li a {
    font-size: 14px !important;
    font-family: segoe_ui, sans-serif, Arial !important;
    color: #868686 !important;
}

.PreloginWrapper p {
    color: #fff !important;
}

.PreloginRight p {
    width: 65%;
    margin-top: 10px !important;
}

.PreloginLeft {
    float: left;
    text-align: center;
    width: 26%;
}

.PreloginRight {
    width: 68%;
    float: right;
}

.FooterLoginSocial span {
    color: #fff;
    margin-top: 12px;
    width: 120px;
    float: left;
}

.FooterLoginSocial {
    text-align: left;
    margin-top: 10px;
}

.FooterFacebook {
    width: 180px;
    display: inline;
}

.FooterGoogle {
    width: 180px;
    display: inline;
}

.FooterEmail {
    width: 180px;
    display: inline;
}

.FooterLoginSocial img {
}

.PreloginRight h3 {
    color: #fff;
   font-family:  'EB Garamond', serif !important;
    font-size: 24px;
}

.PreloginLeft h1 {
    font-family: segoe_ui, sans-serif, Arial !important;
    color: #fff !important;
    font-size: 22px !important;
    margin-top: 10px !important;
}

.subscribeBorder {
    width: 2px;
    height: 110px;
    background: #8B8B8B;
    float: left;
    margin-top: 30px;
}

.LoginWith {
}

.PopoularCategorieButton2Active {
    background-color: #e91a3a !important;
    color: #fff !important;
    border: 1px solid #e91a3a !important;
    font-size: 16px !important;
    width: auto;
    border-radius: 5px;
    float: left !important;
    padding: 3px 15px !important;
}

.ExploreTextBootom3 {
    width: 45% !important;
}

/*Evetns Landing CSS Start*/
.FoodFiestaInnerbg .LeftWrapper p {
    margin-top: -20px !important;
}

.GuiltAwardBanner {
    position: relative;
    background: url("/images/guild_awards_banner.png") no-repeat;
    background-size: 100% 100% !important;
    background-position: center center !important;
    height: 550px;
    margin-top: 10px;
}

.FoodFiestaAwardBanner {
    background: url("/images/food_fiesta_banner.png") no-repeat;
}

.FemmeFoodiesAwardBanner {
    background: url("/images/femme_foodies_banner.png") no-repeat;
}

.GuiltAwardWrapper {
    position: relative;
    height: 90px;
    width: 78% !important;
    margin: 0 auto;
}

.EventsLogoWrapper {
    position: absolute;
    top: 25px;
    right: 0px;
}

.EventsLogoWrapper img {
    width: 100px;
}

.LeftWrapper {
    width: 70%;
    float: left;
}

.RightWrapper {
    width: 30%;
    float: right;
}

.GuiltAwardInner {
    position: absolute;
    border: solid 3px #e91a3a;
    height: 375px;
    width: 78%;
}

.FoodFiestaInnerbg {
    background: rgba(237, 26, 59, 0.7);
}

.FemmefoodiesInnerbg {
    background: url("/images/gradiant-bg.png");
    background-size: 101% 100%;
}

.GuiltAwardInner img {
    width: 60%;
    margin: 40px 0px 0px 20px;
}

.GuiltAwardInner p {
    color: #fff;
    font-size: 18px;
}

.HeaderUserDetails {
    width: 50%;
    float: left;
        margin-top: 7px;
}

.HeaderUserDetails img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: -3px;
    border: 1px solid #e91a3a;
}

.HeaderUserDetails a {
    display: block;
}

.HeaderUserDetails a:hover {
    cursor: pointer;
}

.GotoEvents {
    width: 210px;
    border: solid 2px #fff;
    padding: 12px 12px 12px 30px;
    font-weight: 600;
    border-radius: 5px;
    background: url(/images/arrow1.png) no-repeat;
    background-position: 145px center;
    background-size: 30px 18px;
}

.GotoEvents:hover {
    cursor: pointer;
}

.GotoEventFoodFiesta {
    margin-top: 50px;
}

.EpicurianAward {
    width: 92%;
}

.EpicurianAward img {
    width: 100%;
    margin-left: 0px;
}

.GuilAwarddGotoEvents {
    margin: 30px 0px 0px 30px;
}

/*Evetns Landing CSS End*/
.footermail {
    margin: 0px !important;
    float: none !important;
}

.affix-top .HeaderuserImg {
    margin: 0px !important;
}

.PopUpfacebookImg a {
    float: none !important;
}

.PopUpfacebookImg a:hover {
    text-decoration: none;
}

.HorizontalIcons {
    display: none !important;
}

.FoodFiesta {
    width: 100%;
}

.FoodFiesta img {
    width: 100%;
    /* height: 459px; */
}

.FammeFoodies {
    width: 100%;
}

.FammeFoodies img {
    width: 100%;
    /* height: 630px; */
}

/*======End CustumStyle3.css===*/
/*====Start Popup1.css====*/

/* Outer */
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
}

/* Inner */
.popup-inner {
    border-radius: 10px;
    width: 810px;
    height: 595px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow-y: overlay;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    background: #fff;
}

/* Close Button */
.popup-close {
    padding-top: 4px;
    position: absolute;
    top: 30px;
    right: 30px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
}

.popup-close:hover {
    cursor: pointer;
}

.SignIn {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.SignIn h2 {
    font-size: 26px !important;
    text-align: center;
    color: #333333;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    font-weight: 700 !important;
}

.SignIn p {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-top: 10px !important;
}

.SignIn img {
    padding: 2px;
}

.DonhaveAccount {
    float: right;
    text-align: right;
    color: #333 !important;
    width: 100% !important;
    font-size: 14px !important;
}

.RegisterText:hover {
    cursor: pointer;
}

.RegisterText {
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    color: #ed1a3b !important;
    font-size: 14px !important;
    margin-bottom: 0px;
    display: inline-block;
    text-decoration: underline !important;
}

.Logininput {
    text-align: left;
    color: #999999;
    width: 100%;
    padding-left: 10px !important;
    margin-top: 20px !important;
    text-align: left;
    height: 40px;
    font-size: 14px;
    border: solid 1px #eee !important;
    border-radius: 5px;
}

.SignIn a {
    color: #999999;
    font-size: 12px;
    float: right;
    padding-top: 10px;
    width: 50%;
    text-align: right;
}

.Terms {
    color: #999999 !important;
    font-size: 12px !important;
    margin-top: 10px !important;
    display: -webkit-box;
    padding-left: 10px;
}


.TermsCheckbox {
    margin-top: 10px !important;
    float: left;
}

.SignIn button {
    width: 100%;
    color: #ffffff;
    background-color: #ed1a3b;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    font-size: 18px;
    margin: 20px 0px 10px 0px;
    border-radius: 5px;
}

.Welcomebg {
    position: relative;
    background: url(/images/food-icon-05.png) no-repeat;
    height: 595px;
    background-size: 100% 100%;
    border-radius: 5px 0px 0px 5px;
}

.Welcomebg:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.Welcomebg > div {
    position: relative;
    z-index: 2;
}

.LoginWelcome {
    padding-top: 30px;
    text-align: left;
    width: 90%;
    float: right;
}

.LoginWelcome img {
    padding-right: 5px;
}

.LoginWelcome h1 {
    font-family: segoe_ui, sans-serif, Arial !important;
    font-size: 40px !important;
    color: #ffffff;
    margin-bottom: 30px !important;
}

.LoginWelcomeLogoImg {
    margin-bottom: 30px;
}

.nopad {
    padding: 0px !important;
}

.LoginWelcome p {
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    font-family: segoe_ui, sans-serif, Arial !important;
    margin-top: 5px !important;
}

.LoginWelcome h3 {
    font-family: segoe_ui, sans-serif, Arial !important;
    font-size: 20px !important;
    margin: 25px 0px !important;
}

.LoginWelcome a {
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: underline;
}

.LoginWelcome a:hover {
    cursor: pointer;
}

.SignIn button:hover {
    color: #fff !important;
}

.RoundArrow {
    background: #ed1a3b;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 15px;
    margin-right: -18px;
}

.RoundArrow img {
    margin: 9px 0px 0px 5px !important;
}

/*===End Popup1.css===*/
/*===Start Buttons.css===*/
.navbar-default.affix .Fancy_button {
    padding: 0px 10px !important;
    height: 35px;
    border: 1px solid #333;
    border-radius: 5px;
    color: #333;
}

.navbar-default.affix .Fancy_button:hover {
    border: 1px solid #ed1a3b;
}

.navbar-default.affix .LoginIcon {
    height: 35px;
}

.LoginIcon {
    background: #ed1a3b url(/images/login.png) no-repeat;
    background-position: 48% center;
    background-size: 15px;
    width: 100%;
    height: 40px;
}

/* Common button styles */
.Fancy_button {
    float: left;
    width: 100px;
    display: block;
    margin: 0px;
    padding: 8px 10px !important;
    height: 40px;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}

.Fancy_button:hover {
    border: 1px solid #ed1a3b;
}

.Fancy_button:focus {
    outline: none;
}

.Fancy_button > span {
    vertical-align: middle;
}

/* Individual button styles */
/* Naira */
.button--naira {
    padding: 0;
    overflow: hidden;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.button--naira::before {
    content: '';
    position: absolute;
    left: -50%;
    width: 200%;
    height: 200%;
    background: #37474f;
    top: -50%;
    z-index: -1;
    -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}

.button--naira.button--inverted::before {
    background: #7986cb;
}

.button--naira-up::before {
    -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}

.button--naira > span {
    display: block;
}

.button--naira .button__icon {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    color: #fff;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.button--naira-up .button__icon {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.button--naira > span,
.button--naira .button__icon {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--naira:hover::before {
    -webkit-animation: anim-naira-1 0.3s forwards ease-in;
    animation: anim-naira-1 0.3s forwards ease-in;
}

.button--naira-up:hover::before {
    -webkit-animation: anim-naira-2 0.3s forwards ease-in;
    animation: anim-naira-2 0.3s forwards ease-in;
}

@-webkit-keyframes anim-naira-1 {
    50% {
        -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes anim-naira-1 {
    50% {
        -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    }
}

@-webkit-keyframes anim-naira-2 {
    50% {
        -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes anim-naira-2 {
    50% {
        -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    }
}

.button--naira:hover {
    background-color: #37474f;
    -webkit-transition: background-color 0s 0.3s;
    transition: background-color 0s 0.3s;
}

.button--naira.button--inverted:hover {
    background-color: #7986cb;
}

.button--naira:hover .button__icon {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.button--naira:hover > span {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.button--naira-up:hover > span {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

/*===End Buttons.css===*/

.EpisodeDetailsBanner {
    height: 370px;
}

.FooterArrow {
    width: 12px;
    position: absolute;
    right: 10px;
    top: 30%;
    display: none;
}

.FooterArrow img {
    width: 100%;
}

.lastDivFooterli {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.FootermenuFirst {
    min-width: 140px;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 99999999;
    background-color: #ed1a3b;
    width: auto;
    height: auto;
    padding: 12px;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-color: #888888;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
    display: none !important;
}

.scroll-top-inner {
    width: 20px;
    height: 20px;
    float: left;
}

.scroll-top-inner img {
    float: left;
    width: 100%;
    margin-top: 20%;
}

.RecipesTabsRightArrow {
    width: 12px;
    height: 20px;
    background: url(/images/grey_right.png) no-repeat;
    background-size: 10px;
    position: absolute;
    right: -20px;
    top: 30%;
    display: none;
}

.RecipesTabsMainOuter {
    float: left;
    width: 100%;
    position: relative;
}

/*===========    GuildAward css Start ============*/
.GuildAwardMenu {
    float: left;
    width: 100%;
    background-color: #000;
}

.parallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.parallax p {
    color: #fff;
}

#about_section1 {
    background-image: url(/images/about_section1Bg.jpg);
    padding: 2% 0px !important;
}

.AboutGuildAwardLeftImg {
    width: 100%;
    float: left;
}

.AboutGuildAwardLeftImg img {
    width: 100%;
    max-width: 467px;
}

.AboutGuildAwardRightText {
    width: 100%;
    float: left;
    padding-top: 5%;
}

.H1PacificoFont {
    font-family: Pacifico_0 !important;
    font-size: 40px !important;
}

#about_section2 {
    background-image: url(/images/about_section2Bg.jpg);
    padding: 3% 0px !important;
}

.about_section2Heading {
    width: 100%;
    float: left;
}

.about_section2Heading p {
    font-size: 16px !important;
    float: right;
    width: 55%;
}

.about_section2Heading h1 {
    float: left;
}

#about_section3 {
    background-image: url(/images/about_section3Bg.jpg);
    padding: 3% 0px !important;
}

.about_section3Heading h1 {
    float: left;
    width: 100%;
    text-align: right;
}

.about_section3Heading p {
    font-size: 20px !important;
    float: right;
    width: 100%;
    text-align: right;
}

.Categories_ListMain {
    float: right;
    width: 85%;
    margin: 40px 20px;
}

.Categories_ListMainImg {
    width: 70%;
    margin: -15% 5% 5% -25%;
    max-width: 210px;
    float: left;
}

.Categories_ListMainImg img {
    width: 100%;
    box-shadow: 0px 0px 10px #5f5f5f;
}

.Categories_ListMainText {
    float: left;
    width: 100%;
    border: 8px solid #ff9e21;
    min-height: 200px;
    padding: 10px;
    background-color: #080606;
}

.Categories_ListMainText h3 {
    margin-top: 10px !important;
    width: 50%;
    float: left;
    font-size: 16px !important;
}

.Categories_ListMainText p {
    font-size: 18px;
    text-align: center;
    margin-top: 10px !important;
}

#about_section4 {
    background-image: url(/images/about_section4Bg.jpg);
    padding: 5% 0px !important;
}

.about_section4Heading h1 {
    text-align: left;
}

.about_section4Heading p {
    text-align: left;
}

.NominationProcessMain {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.NominationProcessMainImg {
    width: 100%;
    float: left;
    text-align: center;
}

.NominationProcessMainImg img {
    width: 90%;
    max-width: 221px;
    margin-left: 15%;
}

.NominationProcessMainText {
    float: left;
    width: 100%;
    min-height: 200px;
}

.NominationProcessMainText p {
    font-size: 18px;
    text-align: center;
}

.NominationProcessMainText h3 {
    font-size: 20px !important;
    text-align: center;
    min-height: 70px;
}

.NominationProcessMainText h3 span {
    font-size: 44px !important;
    text-align: left;
    color: #cb7d19;
   font-family:'EB Garamond', serif !important;
    margin-right: 5px;
    margin-left: -5%;
}

.EY_LogoMain {
    float: left;
    width: 100%;
    padding: 20px 0px;
    border: 1px solid #fff;
    text-align: center;
}

.EY_LogoMain p {
    font-size: 18px;
    text-align: left;
    margin-top: 10px !important;
}

#about_section5 {
    background-image: url(/images/about_section5Bg.jpg);
    padding: 5% 0px !important;
}

.ArticlesMainOuter {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.ArticlesMainOuter1 {
    margin-top: 40px !important;
}

.ArticlesMain {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 3px solid #ff9e21;
    margin-top: 50px;
}

.ArticlesMainImg {
    float: left;
    width: 100%;
    margin-top: -50px;
    text-align: center;
}

.ArticlesMainImg img {
    width: 90% !important;
    margin: 0 auto;
}

.ArticlesMainText {
    float: left;
    width: 100%;
    padding: 5%;
    min-height: 220px;
    position: relative;
}

.ArticlesMainText h2 {
    text-align: center;
    font-size: 16px !important;
}

.ArticlesMainText p {
    color: #666;
    text-align: center;
}

.ArticlesMainText p span {
    color: #fd9d21;
    text-align: center;
}

.JuryPanelMainDiv {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
}

.JuryPanelImg {
    float: left;
    width: 100%;
    text-align: center;
}

.JuryPanelImg img {
    width: 90% !important;
    max-width: 300px;
    margin: 0 auto;
}

.JuryPanelText {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.JuryPanelMainDiv p {
    text-align: center;
    font-size: 16px !important;
}

.JuryPanelTextHoverDiv {
    float: left;
    width: 100%;
    background: url(/images/JuryPanelImg1Bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 20px 60px;
    position: absolute;
    bottom: 0;
    display: block;
}

.JuryPanelTextHoverDiv h4 {
    font-size: 26px !important;
    color: #fff !important;
}

.JuryPanelTextHoverDiv p {
    font-size: 14px !important;
}

.JuryPanelMainDiv:hover .JuryPanelTextHoverDiv {
    display: block;
}

.GuildAwardMenu .navbar-nav {
    width: 100%;
    margin: 0px;
}

.GuildAwardMenu .dropdown {
    width: auto;
}

.GuildAwardMenu .navbar-nav > li {
    padding: 20px 0px;
    float: left;
}

.GuildAwardMenu .navbar-nav > li > a {
    color: #fff;
    margin: 0px !important;
    padding: 15px 15px !important;
    font-size: 18px;
    font-family: segoe_ui, sans-serif, Arial;
    line-height: 22px;
}
.GuildAwardMenu .navbar-nav > li > a:focus{
background-color: transparent;
}

.GuildAwardMenu .active a {
   font-family:  'EB Garamond', serif !important;
    border-left: 5px solid #ff9e21;
}

.GuildAwardMenu .navbar-nav p {
   font-family:  'EB Garamond', serif !important;
    color: #ff9e21;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.GuildAwardMenu .dropdown-menu {
    padding: 0px;
    padding-top: 20px !important;
    background-color: transparent;
    border: none;
    min-width: 250px;
}

.GuildAwardMenu .dropdown-menu li {
    background-color: rgba(0, 0, 0, 0.90);
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.90);
    position: absolute;
    top: 10px;
    left: 50px;
}

.GuildAwardMenu .dropdown-menu > li > a {
    color: #fff;
    font-size: 16px;
    font-family: segoe_ui, sans-serif, Arial !important;
    padding: 8px 30px;
}

.GuildAwardMenu .open a {
    background-color: transparent !important;
}

.GuildAwardMenu .dropdown-menu > li > a:focus, .GuildAwardMenu .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.GuildAwardMenuInner {
    float: left;
    width: 100%;
}

.Categories_Bg1 {
    background-image: url(/images/about_section3Bg.jpg);
    padding: 5% 0px !important;
}

.categories_bootom_icon_main {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 2px;
    right: 5px;
    text-align: right;
}

.categories_bootom_icon_main img {
    margin: 5px;
    float: right;
    width: 23px !important;
}

.Categories_Bg2 {
    background-image: url(/images/about_section4Bg.jpg);
    padding: 5% 0px !important;
}

.Lifetime_Achiever_main {
    float: left;
    width: 100%;
    margin-top: 20%;
}

.Lifetime_Achiever_img {
    float: left;
    width: 100%;
    margin-top: -70px;
    text-align: center;
}

.Lifetime_Achiever_img img {
    width: 150px !important;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    border: 5px solid #fff;
}

.Lifetime_Achiever_Text {
    min-height: 180px;
    text-align: center;
}

.VoteBtn {
    font-size: 16px !important;
    background-color: #ff9e21 !important;
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: segoe_ui_Semi_bold, sans-serif, Arial !important;
    padding: 5px 0px !important;
}

.ArticlesMainOuter1 .ExploreLeftMainText2 {
    min-height: 350px !important;
}

.ArticlesMainOuter1 .slick-prev, .ArticlesMainOuter1 .slick-next {
    top: 50%;
}

/*===========    New Css added by Satish Start ============*/
.HeaderAddMain {
    width: 100%;
    background-color: #f7f7f7;
    float: left;
    z-index: 999;
    position: relative;
}

.HeaderAddMain2 {
    background-color: #fff;
}

.HeaderAddMain .container {
    position: relative;
}

.HeaderAddlogo {
    float: left;
    width: 148px;
    position: absolute;
    left: 0;
    top: 10px;
}

.HeaderAddlogo img {
    width: 100%;
}

.topMostHeaderAdBanner {
    height: 110px;
    padding: 10px 0px;
    text-align: right;
    padding-left: 160px;
}

.topMostHeaderAdBanner img {
    max-width: 950px;
    margin: 0 auto;
    min-height: 50px;
}

.ContentAdd {
    padding: 10px 0px;
    text-align: center;
    margin: 0px;
}

.ContentAdd img {
    max-width: 950px;
    margin: 0 auto;
}

.HederTopRight_SocialMain {
    width: 160px;
    float: left;
}

.HederTopRight_SocialMain img {
    margin: 8px 10px;
    float: left;
}

.HederTopRight_SocialIcon2 {
    display: none;
}

.affix .HederTopRight_SocialIcon2 {
    display: block;
}

.affix .HederTopRight_SocialIcon {
    display: none;
}

.WhiteNavbar .HederTopRight_SocialIcon {
    display: none;
}

.WhiteNavbar .HederTopRight_SocialIcon2 {
    display: block;
}

.BannerTextBootom h2 {
    color: #fff;
    font-size: 45px !important;
    font-weight: normal;
    font-family: segoe_ui !important;
}

.LF_Originals_Left {
    padding: 15px;
}

.LF_Originals_Left a {
    width: 100%;
    float: left;
}

.ExploreLeftMainNew {
    margin: 0px 0px 30px 0px;
    border: 1px solid #f7f7f7;
}

.NewAdd2 {
    width: 100%;
    float: left;
}

.NewAdd2 img {
    margin: 0 auto;
}

.Editor_Pick_Main {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f7f7f7;
}

.Editor_Pick_Main a, .Editor_Pick_Main a:hover {
    color: #333;
    text-decoration: none !important;
}

.Editor_Pick_Main h2 {
    margin: 10px 0px;
    font-size: 24px !important;
       /* font-weight: 700;*/
}

.Editor_Pick_Main h6 {
    margin: 10px 0px !important;
    text-align: center;
    font-family: segoe_ui_Semi_bold !important;
    font-size: 18px !important;
}

.Editor_Pick_MainImg {
    width: 100%;
    float: left;
        border-radius: 5px 5px 0px 0px;
}

.Editor_Pick_bottom {
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #ededed;
    border-top: 1px solid #f7f7f7;
    display: table;
    overflow: hidden;
}

.Editor_Pick_bottom2 {
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
}

/*.Editor_Pick_bottom_left {
    width: 27%;
    display: table-cell;
}*/
.Editor_Pick_bottom_left {
    width: 27%;
    display: inline-block;
    /*background: url(https://i.livingfoodz.com/blog_images/fb981ab8e399e95a304564ce1597a2fa_thumb_1000.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    border-radius: 5px;
}

.Editor_Pick_bottom_left img {
  /*  width: 100%;*/
  display: none;
}

.Editor_Pick_bottom_Right {
    width: 73%;
    display: inline-block;
    vertical-align: top;
}
/*.Editor_Pick_bottom_Right {
    width: 73%;
    display: table-cell;
    vertical-align: top;
}*/

.Editor_Pick_bottom_Right_Inner {
    display: table-cell;
    vertical-align: middle;
}

.Editor_Pick_bottom_Right p {
    color: #222;
    margin-left: 20px !important;
    line-height: 20px;
    font-family:'Roboto', sans-serif !important;
        margin-top: 15px !important;
}

.ExploreSocialIconMainNewOuter {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.90);
    max-width: 100%;
    padding: 10px 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all 0.3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.ExploreSocialIconMainNew {
    display: block;
    margin-top: 0px;
}

.ExploreLeftMainImg:hover .ExploreSocialIconMainNewOuter {
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}

.ExploreLeftMainImg:hover .ShareIcon2 {
    visibility: hidden;
    opacity: 0;
}

.STEP_BY_STEP_BTN {
    width: 150px;
}

.ViewBreakfastRecipes_BtnMobile {
    display: none;
}

.ViewBreakfastRecipes_Btn {
    min-height: 0px;
    padding: 0px;
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    background-image: none;
    float: left;
    width: 100%;
}

.ViewBreakfastRecipes_Btn a {
    text-decoration: none !important;
    float: left;
    width: 100%;
    padding: 14px 0px;
}

.ViewBreakfastRecipes_Btn img {
    width: 10px;
    margin-left: 10px;
}

.OurChefsNewSlider {
    margin-bottom: 10px !important;
}

.OurChefsNewMain {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px 5px 5px 5px;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    min-height: 170px;
}

.OurChefsNewMain h6 {
    text-align: center;
    margin-top: 10px !important;
}

.OurChefsNewMainImg {
    width: 100%;
    float: left;
    text-align: center;
}

.OurChefsNewMainImg img {
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 80% !important;
    margin: 0 auto;
    max-width: 100px;
}

.OurChefsNewSlider .slick-slide {
    margin: 0px 10px;
}

.marginBottomNone {
    margin-bottom: 0px;
}

.ShareIconMain {
    width: 36px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.ShareIcon {
    width: 36px;
    background-color: rgba(0, 0, 0, 0.60);
    float: left;
    padding: 8px;
    border-radius: 50%;
    margin-bottom: 15px;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all 0.3s;
    transition: all .3s;
    visibility: visible;
}

.ShareYourRecipesMain {
    width: 100%;
    float: left;
    text-align: center;
    background: url(/images/ShareYourRecipesMainBg-new.jpg) no-repeat;
    padding: 30px 0px;
    background-size: cover;
}

.ShareYourRecipesMain h1 {
    font-size: 26px !important;
        color: #222 !important;
}

.ShareYourRecipesMain h3 {
    text-align: center;
        color: #222 !important;
}

.ShareYourRecipeBtn {
    width: auto;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
    padding: 10px 20px !important;
    float: none;
    margin: 0 auto;
   font-family:  'EB Garamond', serif !important;
}

.YouMightAlsoLikeMain {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.YouMightAlsoLikeMain img {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.YouMightAlsoLikeMain p {
    color: #000;
}

.MobileMenuMain {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    padding: 5px 0px;
}

.MobileMenuLeft {
    width: 16.6%;
    float: left;
    text-align: center;
}

.MobileMenuLeft p {
    width: 100%;
    float: left;
    margin-top: -5px !important;
}

.MobileMenuLeft.MobileMenuActive p {
    color: #ed1a3b;
}

.MobileMenuIcon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-size: 100% !important;
    background-position: center top !important
}

.MobileMenuIcon1 {
    background: url(/images/MobileMenuIcon1_b.png) no-repeat;
}

.MobileMenuIcon2 {
    background: url(/images/MobileMenuIcon2_b.png) no-repeat;
}

.MobileMenuIcon3 {
    background: url(/images/MobileMenuIcon3_b.png) no-repeat;
}

.MobileMenuIcon4 {
    background: url(/images/MobileMenuIcon4_b.png) no-repeat;
}

.MobileMenuIcon5 {
    background: url(/images/MobileMenuIcon5_b.png) no-repeat;
}

.MobileMenuActive .MobileMenuIcon1 {
    background: url(/images/MobileMenuIcon1_r.png) no-repeat;
}

.MobileMenuActive .MobileMenuIcon2 {
    background: url(/images/MobileMenuIcon2_r.png) no-repeat;
}

.MobileMenuActive .MobileMenuIcon3 {
    background: url(/images/MobileMenuIcon3_r.png) no-repeat;
}

.MobileMenuActive .MobileMenuIcon4 {
    background: url(/images/MobileMenuIcon4_r.png) no-repeat;
}

.MobileMenuActive .MobileMenuIcon5 {
    background: url(/images/MobileMenuIcon5_r.png) no-repeat;
}

.MobileMenuMoreIcon .MobileMenuIcon {
    background: url(/images/MobileMenuMoreIcon.png) no-repeat;
}

.MobileMenuMoreMenu {
    display: none;
    position: absolute;
    bottom: 58px;
    right: 0px;
    background-color: #fff;
    width: 150px;
    padding: 10px;
}

.MobileMenuMoreIcon:hover {
    cursor: pointer;
}

.MobileMenuMoreMenu .MobileMenuLeft {
    width: 100%;
}

.MobileMenuMoreMenu .MobileMenuIcon {
    float: left;
}

.MobileMenuMoreMenu .MobileMenuLeft p {
    width: auto;
    margin-top: 12px !important;
}

.MobileMenuMoreIcon {
    margin-top: 5px;
}

.ViewAllBtn {
    background-color: transparent;
    width: 100px;
    text-align: right;
    border: none;
    float: right;
}

.ViewAllBtn a {
    padding: 3px 0px;
}

.ViewAllBtn img {
    width: 8px;
    margin-left: 10px;
    float: right;
    margin-top: 4px;
}

.Add_Desktop {
    display: block;
}

.Add_Mobile {
    display: none;
    max-width: 300px !important;
}

.recommended_byMain {
    width: 150px;
    float: right;
    text-align: right;
}

.recommended_byMain p {
    font-size: 11px;
}

.ViewAllBtn2 {
    float: none;
    margin: 0 auto;
    height: 50px;
    margin-top: -20px;
}

/*.RecipesCardMain .ExploreSocialIconMainNewOuter {
    position: relative;
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}*/

/*.RecipesCardMain.ExploreLeftMain h4 {
    margin-bottom: 10px !important;
}
*/
.RecipesCardMain.ExploreLeftMain .ShareYourRecipeBtn {
    width: 100%;
    border-radius: 0px 0px 5px 5px !important;
    margin: 0px !important;
}

/*.RecipesCardMain.ExploreLeftMain .RecommenedBottomContent {
    width: 100%;
    margin-bottom: 5px;
}*/

/*.RecipesCardMain.ExploreLeftMain .RecommenedBottomimg {
    width: 15%;
    float: left;
    max-width: 35px;
}
*/
/*.RecipesCardMain.ExploreLeftMain .RecommenedBottomText {
    width: 80%;
    float: left;
    margin-top: 10px;
    margin-left: 4%;
}
*/
.RecipesCardMain.ExploreLeftMain .RecommenedBottomText h5 {
    font-size: 11px !important;
    text-align: left;
    text-transform: uppercase;
        font-weight: 600;
}

.breadcrumb_Main {
    margin-top: 20px;
}

ul.breadcrumb {
   padding: 0;
    padding-bottom: 0px;
    list-style: none;
    background-color: #fafafa  !important;
    margin-bottom: 0px !important;
}

ul.breadcrumb li {
    display: inline;
    font-size: 10px;
    position: relative;
}

ul.breadcrumb li + li:before {
   /* padding: 0px 2px;
    color: black;
    content: "";
    background: url(/images/red_right.png) no-repeat;
    background-size: auto auto;
    width: 6px;
    background-size: 100%;
    height: 11px;
    position: absolute;
    left: -3px;
    top: 7px;*/
    padding: 8px;
    color: black;
    content: ">\00a0";
}

ul.breadcrumb li a {
   /* color: #999;
    text-decoration: none;
    font-size: 14px;
    padding: 0px 10px;*/
    color: grey;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #e91a3b;
    text-decoration: none;
}

.SocialMediaIconShowOn_Center {
    margin: 0 auto;
    float: none;
    max-width: 225px;
}

.ReadMoreLink {
    color: #ed1a3b !important;
    text-decoration: none !important;
    float: right;
}

.RecipesDetailBtn {
    min-width: 140px;
    padding: 10px 0px !important;
    border: 2px solid #ed1a3b !important;
    margin-bottom: 10px;
}

.RecipesDetailBtn2 {
    background-color: #fff !important;
    color: #ed1a3b !important;
}

.CookingDetailslLeft {
    margin-bottom: 15px;
}

.RecipesDetailscol .RecipesDetailBtn {
    padding: 5px 0px !important;
    width: 160px;
    white-space: normal;
}

.SocialIconMobile {
    display: none;
}

.SocialIconWeb {
    display: block;
}

.RecipesContentLeft .RecipesContentBootom .SocialMediaIconContentBox .SocialMediaIconShowOnVideo {
    margin: 5px 8px 3px 8px;
}

.RecipesContentLeft .RecipesContentBootom .SocialMediaIconContentBox .STEP_BY_STEP_BTN {
    margin-top: 2px;
}

.Advertisement_Text {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #666;
    margin-bottom: 3px;
}

.YouMightAlsoLikeAdd {
    width: 100%;
}

.HederTopRight .Fancy_button {
    float: right;
}

.fancy_HeadingMain {
    position: relative;
}

.fancy_HeadingMain .ViewAllBtn {
    position: absolute;
    right: 0px;
    top: 6px;
    text-align: right !important;
}

.fancy_HeadingMain2 .ViewAllBtn {
    top: 0px;
}

.VideoPlayBtn {
    width: 60px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    transform: translateY(-50%);
}

.VideoPlayBtn img {
    width: 100%;
}

.JW_VIDEO_MAIN {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.ViewAllEpisodesBanner {
    position: absolute;
    z-index: 1;
    top: 23%;
    right: 15px;
}

.ExploreLeftCard_Video {
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

.ExploreLeftCard_Video .jwplayer {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0px 0px;
}

.Editor_Pick_Main .jwplayer {
    border-radius: 0px;
}

.RecipesContentRight_Inner {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.RecipesContentBootom .socialMediaIconMain {
    margin: 4px 7px;
}

/*.carousel-inner:hover .BannerTextBootom {
    display: none;
}*/

.TrendingToday .Editor_Pick_bottom2 {
    border-radius: 0px;
}

.TrendingToday .Editor_Pick_bottom {
    padding: 12px;
}

.RecipeDetailsBannerWrapper .ExploreSocialIconMainNewOuter {
    position: relative;
    bottom: 0px;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    float: left;
    width: 100%;
}

.Search_RecipesMain_Outer {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.Search_RecipesMain {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0px 5px 0px;
}

.Search_RecipesMain input[type=text] {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-right: none;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-right: 110px;
}

.Search_RecipesMain button {
    padding: 10px 5px;
    background-color: #ed1a3b;
    cursor: pointer;
    font-size: 14px;
    font-family: segoe_ui_Semi_bold;
    color: #fff !important;
    border: 1px solid #ed1a3b;
    width: 100px;
    text-align: center;
    position: absolute;
    right: 0;
    border-radius: 0px 5px 5px 0px;
}

.FiltersBtnMain {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 0px;
}

.FiltersBtnMain .btn {
    padding: 10px 5px;
    background-color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-family: segoe_ui_Semi_bold;
    color: #333 !important;
    border: 1px solid #ccc;
    width: 50%;
    text-align: center;
    margin: 0px;
    float: left;
    box-shadow: none !important;
    border-radius: 5px 0px 0px 5px;
}

.Filterbtn.active {
    background-color: #f7f7f7;
    box-shadow: none;
}

.FiltersBtnMain .Filterbtn2 {
    border-radius: 0px 5px 5px 0px;
    border-left: none;
}

.FilterContentMain .panel-heading {
    padding: 0px;
    background-color: #fff;
    border-radius: 5px;
}

.FilterContentMain .panel-heading a {
    padding: 10px 35px 10px 15px;
    display: block;
    font-family: segoe_ui;
    text-align: left;
    position: relative;
}

.FilterContentMain .panel-heading a[aria-expanded="true"] {
    background-color: #f7f7f7;
    border-radius: 5px 5px 0px 0px;
}

.FilterContentMain .panel-heading a img {
    position: absolute;
    right: 20px;
    top: 20px;
}

.FilterContentMain .panel-group .panel {
    margin: 10px 0px;
    box-shadow: none;
}

.FiltersQunt {
    font-size: 12px;
    color: #ed1a3b;
    width: 27px;
    height: 27px;
    float: right;
    border: 1px solid #ed1a3b;
    border-radius: 50%;
    margin-right: 10px;
    padding: 4px;
    text-align: center;
}

.SortBy {
    float: right;
    margin-top: 3px;
    margin-right: 10px;
}

.SortBy p {
    color: #ed1a3b;
}

.CheckBoxFancyMain input[type="checkbox"], .CheckBoxFancyMain input[type="radio"] {
    position: absolute;
    right: 9000px;
}

/*Check box*/
.CheckBoxFancyMain input[type="checkbox"] + .label-text:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/CheckBox2.png) no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}

.CheckBoxFancyMain input[type="checkbox"]:checked + .label-text:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/CheckBox1.png) no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}

.CheckBoxFancyMain input[type="checkbox"]:checked + .label-text {
    color: #ed1a3b;
}

.CheckBoxFancyMain input[type="checkbox"]:disabled + .label-text {
    color: #aaa;
}

.CheckBoxFancyMain input[type="checkbox"]:disabled + .label-text:before {
    content: "\f0c8";
    color: #ccc;
}

.CheckBoxFancyMain label {
    margin-bottom: 0px;
}

.CheckBoxFancyMain .label-text {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    font-family: segoe_ui;
    font-weight: normal;
    color: #999;
}

.CheckBoxFancyMain .label-text:hover {
    cursor: pointer;
}

.CheckBoxFancyMain {
    float: left;
    width: 100%;
    padding: 5px 15px;
}

.FilterContentMain .panel-body {
    padding: 5px 0px;
}

.RatingStarMain {
    /* width: 20%; */
    position: absolute;
    right: 0;
    top: 8px;
}

.RatingStarMain img {
    float: left;
    width: 15px;
    margin-right: 5px;
}

.RatingStarMain h4 {
    float: right;
    font-size: 16px !important;
}

.RatingStarMain a {
    float: right;
    color: #ed1a3b;
    text-decoration: underline !important;
}

.Inspire_me_Main {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.Inspire_me_img {
    width: 50%;
    display: table-cell;
}

.Inspire_me_img img {
    float: left;
    width: 100%;
    border-radius: 5px 0px 0px 5px;
}

.Inspire_me_text {
    width: 50%;
    padding: 1% 4%;
    vertical-align: middle;
    display: table-cell;
}

.Inspire_me_text p {
    font-size: 18px;
}

.Inspire_me_text h2 {
    text-align: left;
    margin: 0px;
}

.Inspire_me_text .ShareYourRecipeBtn {
    width: 150px !important;
}

.FilterContentMain #show_1, .FilterContentMain #show_2 {
    display: none;
}

.ActiveFiltersMain {
    float: left;
    width: 100%;
}

.ActiveFiltersMain p {
    float: left;
    margin: 5px 5px 5px 0px !important;
    padding: 5px 0px !important;
}

.ActiveFiltersMain a {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.ActiveFiltersMain img {
    float: left;
}

.ActiveFiltersTag {
    float: left;
    color: #333333;
    margin: 5px;
    background-color: #f7f7f7;
    padding: 5px 15px;
    border-radius: 5px;
}

.ActiveFiltersTag p {
    margin: 0px !important;
    padding: 0px !important;
}

.center4.slider h4 {
    text-align: left;
}

.CollectionsTopText {
    float: left;
    width: 100%;
    text-align: center;
}

.ViewMoreNewCenter {
    margin: 0 auto;
    float: none;
    width: 120px;
}

.ViewMoreNewCenter img {
    width: 16px;
    margin-top: 8px;
}

/*===========    Article CSS Satish Start ============*/
.capital {
    float: left;
    color: #333;
    font-size: 130px;
    line-height: 100px;
    padding: 0px 10px 10px 0px;
    background-color: #FFF;
    margin-left: -10px;
}

.ArticleDetails_text_new {
    float: left;
    width: 100%;
}

.ArticleDetails_text_new p {
    margin: 15px 0px !important;
    color: #333;
    font-size: 16px;
}

.ArticleDetails_New_img1 {
    float: right;
    width: 48%;
    margin: 0px 0px 10px 15px;
}

.ArticleDetails_New_img2 {
    float: left;
    width: 100%;
    margin: 15px 0px
}

.ArticleDetails_New_img3 {
    width: 48%;
    margin-right: 2%;
}

.ArticleDetails_New_Text_Right {
    float: right;
    width: 40%;
    margin: 0px;
    text-align: left;
    padding-left: 10px;
    font-size: 26px !important;
}

.ArticleDetails_New_Text_Left {
    float: left;
    padding-right: 10px;
}

.ArticleDetails_2_TextTop {
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.ArticleDetails_2_TextTop h6 {
    font-size: 44px !important;
    text-align: center;
}

.ArticleDetails_2_TextTop .ArticleDetails2MainTop .Recipe_byMainDiv1 {
    width: 170px;
    float: left;
}

.ArticleDetails_2_TextTop .ArticleDetails2MainTop .Recipe_byMainDivText1 {
    width: 120px;
    text-align: left;
}

.ArticleDetails_2_TextTop .ArticleDetails2MainTop .ArticlesHederSocialMediaIconContentBox {
    width: 240px;
    float: right;
}

.ArticleDetails_text_new .ExploreLeftMainNew {
    margin: 0px 0px 10px 0px;
}

.ArticleDetails_3_TextTop {
    text-align: left;
    max-width: 100%;
    float: left;
}

.ArticleDetails_3_TextTop h6 {
    text-align: left;
}

.Recommended_1_Top_Main_Outer {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.Recommended_2_Top_Main_Outer {
    top: auto;
    bottom: 0;
}

.Recommended_1_Top_Main {
    float: left;
    width: 100%;
    padding: 15px 0px 10px 0px;
    border-bottom: 2px solid #ccc;
    position: relative;
    display: none;
}

.Recommended_1_Bottom_Main {
    float: left;
    width: 100%;
    overflow: auto;
    padding: 20px 0px;
    display: none;
}

.Recommended_1_logo {
    float: left;
    width: 80px;
}

.Recommended_1_logo img {
    float: left;
    width: 100%;
}

.Recommended_1_NowReading {
    float: left;
    width: auto;
    margin-left: 10px;
    border-right: 1px solid #ccc;
    padding: 12px 20px;
}

.Recommended_1_TopTitle {
    float: left;
    width: auto;
    padding: 12px 20px;
}

.Recommended_1_TopTitle h5 {
    color: #666 !important;
}

.Recommended_1_Top_Main .ExploreSocialIconMainNew {
    margin-top: 10px;
    float: right;
    width: 230px;
}

.Recommended_1_Bottom_Left {
    float: left;
    width: 350px;
    margin-left: 20px;
}

.Recommended_1_Bottom_Left .RecipesContentRightImg {
    width: 35%;
}

.Recommended_1_Bottom_Left .RecipesContentRightText {
    width: 60%;
}

.Recommended_1_Bottom_Left .RecipesContentRightText h3 {
    font-size: 14px !important;
    font-family: segoe_ui, sans-serif, Arial !important;
}

.Recommended_1_Bottom_Inner {
    width: 1900px;
    float: left;
}

.Recommended_1_TopBorder {
    width: 40%;
    float: left;
    height: 5px;
    background-color: #ed1a3b;
    position: absolute;
    top: 0;
}

.Recommended_1_Top_Main h5 {
    text-align: left;
}

.Recommended_3_Top_Main_Outer {
    float: left;
    width: 300px;
    background-color: #fff;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 9999;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
}

.Recommended_3_Top_Main_Outer p {
    margin-left: 10px !important;
    font-size: 12px !important;
}

.Recommended_3_Card_img {
    float: left;
    width: 100%;
}

.Recommended_3_Card_img img {
    float: left;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
}

.Recommended_3_Close {
    width: 10px;
    position: absolute;
    right: 8px;
    top: 6px;
}

.Recommended_3_Close img {
    width: 100%;
    float: left;
}

.Recommended_for_you_Main {
    width: 100%;
    float: left;
    position: fixed;
    top: 83px;
    left: 0;
}

.Recommended_for_you_Main h5 {
    text-align: left;
    float: left;
}

.Recommended_for_you_Outer {
    position: relative;
    padding-top: 40px;
}

/*===========    Article CSS Satish End ============*/
.DetailsPageHeader .stellarnav.mobile .menu-toggle {
    display: none;
}

.DetailsPageHeaderBackBtn {
    width: 25px;
    margin-top: 15px;
    margin-right: 30px;
    height: 25px;
    float: left;
    background: url(/images/DetailsPageBackArrow.png) no-repeat;
    display: none;
}

.DetailsPageHeaderBackBtn a {
    width: 25px;
    height: 25px;
    float: left;
}

.DetailsPageHeader.affix-top .DetailsPageHeaderBackBtn {
    background: url(/images/DetailsPageBackArrow2.png) no-repeat;
}

.DetailsPageHeader.affix-top.WhiteNavbar .DetailsPageHeaderBackBtn {
    background: url(/images/DetailsPageBackArrow.png) no-repeat;
}

.Recommended_1_Top_Main_Outer .progress-container {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.Recommended_1_Top_Main_Outer .progress-bar {
    height: 5px;
    background-color: #ed1a3b;
    width: 0%;
    box-shadow: none;
}

.FooterWrapper .Logininput {
    margin-top: 5px !important;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.20);
    border: none !important;
    height: 35px;
    max-width: 250px;
}

.RecipesNowPlayingMain {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
    border-radius: 10px;
    display: none;
    border: 3px solid #ed1a3b;
}

.RecipesNowPlayingMain h3 {
    text-align: center;
    font-size: 14px !important;
    margin-top: 22% !important;
}

.RecipesContentRight .nav-tabs .active .RecipesContentRightImg .RecipesNowPlayingMain {
    display: block;
}

.nextstory {
    width: 100%;
    margin: 0px;
    background-color: #ed1a3b;
    float: left;
}

.nextstory a {
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 15px !important;
}

.full-text {
    display: none;
}

/*===========    New Css added by Satish End ============*/
/*===========    GuildAward css End ============*/
/*===========    Media Query Start ============*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 0px auto !important;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
    .ArticleDetails_2_TextTop .ArticleDetails2MainTop .ArticlesHederSocialMediaIconContentBox {
        width: 290px;
    }

.Recommended_1_Top_Main .ExploreSocialIconMainNew {width: 270px;margin-top: 5px;
    }

    .EpisodeDetailsBanner {
        height: 470px;
    }

    .FoodFiestaInnerbg .LeftWrapper p {
        margin-top: -30px !important;
    }

    .RecipesVideoSmallWidth {
        height: 220px !important;
    }

    .RecipisDetailsSocialMediaIcon {
        max-width: 630px;
    }

    .SocialMediaIconCardBottom {
        max-width: 440px !important;
        display: flex;
        justify-content: center;
    }

    .ShowDetiailLike .fb-like{    margin-top: 15px;}

    .socialMediaIconMain {
        height: 35px;
        width: 35px;
        margin: 10px 5px 0 0;
    }

    .ExploreBoxHight500 {
        height: 530px !important;
    }

    .RecipesVideoFullWidth {
        height: 480px;
    }

    .RecipesContentRightInner {
        height: 480px;
    }

    .socialMediaIconMain1 {
        height: 40px;
        width: 145px;
    }

    .ShowVideoBottom .SocialMediaIconContentBox {
        max-width: 600px;
    }

    .STEP_BY_STEP_BTN {
        width: 180px;
    }

    .GoToShowBtn {
        font-size: 14px !important;
        padding: 10px 10px !important;
    }

    .ViewBreakfastRecipes_Btn a {
        padding: 20px 0px;
    }

    .ViewAllBtn a {
        padding: 3px 0px;
    }
    header{margin-bottom:27px;}
    /*.vtpl-pramotion{margin: 55px 0 20px 0;}*/
   .user-recipe .commanHegiht{min-height: 450px;}
   /*.reviewsameHeight .commanHegiht{min-height: 450px;}*/
   .vtpl-pramotion {margin: 0 0 23px 0 !important;}
   .customStory .fb_iframe_widget{margin-top: 11px !important;}
   .customStory .carousel {height: 667px !important;}
   .ViewAllBtn img{margin-top: 4px;}
   .customStory .vtpl-pramotion {margin: 10px 0 20px 0 !important;}
   .Homepage-Custome .OurChefsNewSlider {margin-bottom: 23px !important;}   
   .RecipeMain .ContentAdd {padding: 30px 0 10px 0px;}
   .RecipeMain .Recipes-of-the-Day {padding: 0px 0 0 0px !important;}
   .Recipes_of_the_Day .ContentAdd {padding: 23px 0 0 0px;}
   .cuisine-types .ContentAdd {padding: 23px 0 0 0px;}
   /*.searchCustome .commanHegiht {height: 460px;}*/
   .ShowDetiailLike .fb-like{margin-top: -24px !important;}
   .EpisodDetiailLike .fb-like{margin-top: -27px !important;}
  /* .VoteBtnNew{margin-top: -34px !important;}*/
   /*.RecipeDetailMain .fb-like{margin-top: -20px !important;}*/
   .VoteTextHeading{font-size: 17px;}
   .VoteTextHeading p{font-size: 20px !important;}
   .quiz{margin-top: 55px;}
   .RecipeTable .Rimg span{display: block !important;}
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .FooterBottom p {
        margin-top: 10px !important;
    }

    .FooterBottom a {
        margin-top: 10px !important;
    }

    .RecipeDetailFirstContent {
        margin-top: 80px;
    }

    .MorefromAuthorContentright {
        width: 340px;
    }

    .MorefromAuthorContentright1 .SocialMediaIconContentBox {
        width: 330px;
    }

    .container {
        width: 90% !important;
    }

    .StoriesSlider .slick-slide {
       margin: 0px 0px;
    padding: 0px 5px;
    }

    .logo {
        width: 100px;
        height: 50px !important;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 15px 10px !important;
    }

    .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
        font-size: 16px !important;
    }

    .HederMenu {
        margin-top: 15px !important;
    }

    .HederTopRight {
        margin-top: 20px;
    }

    .SocialMediaIconShowOnVideo .SocialMediaIconFB, .SocialMediaIconShowOnVideo {
        display: block;
    }

    .SocialMediaIconShowOnVideo .socialMediaIconMain1 {
        display: none;
    }

    .ShowVideoBottom .SocialMediaIconContentBox {
        max-width: 340px;
    }

    .OurChefs_advertise1 {
        margin-top: -230px;
    }
}

@media screen and (min-width: 1px) and (max-width: 1060px) {
    .Recommended_1_Top_Main h5 {
        font-size: 16px !important;
    }

    .Recommended_1_Top_Main .ExploreSocialIconMainNew {
        display: none;
    }

    .GuildAwardMenu .navbar-nav > li > a {
        padding: 15px 15px !important;
        font-size: 14px;
    }

    .GuiltAwardInner {
        width: 88%;
    }

    .GuiltAwardWrapper {
        width: 88% !important;
    }

    .GuilAwarddGotoEvents {
        margin-left: 0px;
    }

    .FooterRightMenu ul li {
        width: 18%;
        margin: 5px 0px 0px 0px;
    }

    h1 {
        font-size: 40px !important;
    }
    .customStory .fb_iframe_widget{
            margin-top: 22px;
    }
}

@media screen and (min-width: 1px) and (max-width: 992px) {
    .LeftWrapper p {
        width: 90%;
    }

    .GotoEvents {
        width: 190px;
        padding: 12px 12px 12px 20px;
        background-position: 135px center;
    }

    .LeftWrapper p {
        margin: 10px 0px 0px 20px !important;
    }

    .FooterFacebook {
        width: 160px;
        display: inline;
    }

    .FooterGoogle {
        display: inline;
        width: 160px;
    }

    .FooterEmail {
        width: 160px;
        display: inline;
    }

    .FooterSocialIcon {
        margin: 3px;
    }

    .Footermenu {
        margin: 10px 20px !important;
        /* min-height: 182px; */
    }

    .popup-inner {
        width: 80%;
    }

    .RoundArrow {
        display: none;
    }

    .SocialMediaText1 {
        margin-bottom: 10px;
    }

    .SocialMediaText2 p {
        float: left;
        border: none;
    }

    .SocialMediaText2 h3 {
        float: left;
    }

    .User_profile img {
        margin-top: 45px;
        float: none !important;
    }

    .AboutUser h2 {
        text-align: center !important;
    }

    .AboutUser h5 {
        margin: 15px 0px 5px 0px !important;
    }

    .Userbanner {
        height: 500px;
    }

    .div20 {
        height: 0px;
    }

    .DishesButton button {
        padding: 5px 15px;
        margin: 5px;
        font-size: 14px;
    }

    .ArticleSort p {
        padding-left: 0px !important;
    }

    .Articles {
        width: 100% !important;
    }

    .ProfileContent label {
        margin: 0px;
    }

    .ProfileContent input, .ProfileContent textarea {
        margin: 0px !important;
    }

    .RecipesContentRightImg {
        width: 60%;
    }

    .RecipesContentRightText {
        width: 100%;
        margin-left: 0%;
        padding-top: 10px;
    }

    .RecipesContentRightText h3 {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .Recommended_3_Top_Main_Outer {
        top: auto;
        bottom: 60px;
    }

    .DetailsPageHeaderBackBtn {
        display: block;
    }

    .Recommended_1_Top_Main h5 {
        font-size: 14px !important;
    }

    .Recommended_1_NowReading {
        display: none;
    }

    .Recommended_1_Bottom_Main {
        display: none !important;
    }

    .Recommended_1_Top_Main .ExploreSocialIconMainNew {
        display: none !important;
    }

    .CollectionsTopText {
        text-align: left;
    }

    .Inspire_me_img {
        width: 100%;
        display: block;
        float: left;
    }

    .Inspire_me_img img {
        border-radius: 5px 5px 0px 0px;
    }

    .Inspire_me_text {
        width: 100%;
        padding: 10% 5%;
        text-align: center;
        display: block;
        float: left;
    }

    .Inspire_me_text h2, .Inspire_me_text p {
        text-align: center;
    }

    .Inspire_me_text .ShareYourRecipeBtn {
        margin: 0 auto !important;
        float: none;
    }

    .fancy_HeadingMain2 h4 {
        text-align: left;
    }

   /* .BannerTextBootom {
        display: none;
    }*/

    .ViewAllEpisodesBanner {
        bottom: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
    }

    .RecipesContentRight_Inner {
        position: relative;
    }

    .SlickSlide .ExploreLeftMainNew {
        margin: 20px 0px 30px 0px;
    }

    .SlickSlide .OurChefsNewMain {
        margin-top: 20px;
    }

    .SocialIconMobile {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
    }

    .SocialIconWeb {
        display: none;
    }

    .ExploreSocialIconMainNewOuter {
        opacity: 1;
        visibility: visible;
        bottom: 0px;
    }

    .ExploreLeftMainImg .ShareIcon2 {
        opacity: 0;
        visibility: hidden;
    }

    .Add_Desktop {
        display: none;
    }

    .Add_Mobile {
        display: block;
    }

    .RecipesTabsMain .nav-tabs > li > a {
        /* padding: 5px 0px 5px 0px;
        background-image: none !important; */
        margin-bottom: 10px !important;
    }

    .RecipesTabsMain {
        min-height: 45px;
    }

    /*.fancy_Heading {
        text-align: left;
    }*/

    .fancy_Heading span:after {
        top: 17px;
        width: 17px;
        background-position: right center;
    }

    /*.fancy_Heading span:before {
        display: none;
    }*/

    .HeaderAddlogo {
        width: 98px;
        display: none;
    }

    .topMostHeaderAdBanner {
        padding-left: 0px;
    }

    .footer {
        margin-bottom: 80px;
    }

    .MobileMenuMain {
        display: block;
    }

    .HederTopRight_SocialMain {
        display: none;
    }

    .BannerTextBootom h2 {
        font-size: 30px !important;
    }

    .topMostHeaderAdBanner {
        height: 80px;
    }

    .ViewBreakfastRecipes_BtnMobile {
        display: block;
        padding: 40px 0px;
    }

    .ViewBreakfastRecipes_Btn {
        display: none;
    }

    .Categories_ListMain {
        float: none;
        max-width: 350px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .about_section2Heading p {
        margin-top: 30px !important;
        width: 100%;
    }

    .NominationProcessMainImg img {
        margin-left: 0%;
    }

    .GuildAwardMenu .active a {
        border-left: 5px solid #ff9e21 !important;
    }

    .GuildAwardMenu .dropdown-menu {
        display: none !important;
    }

    .GuildAwardMenuInner {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .GuildAwardMenu .navbar-nav {
        min-width: 830px;
    }

    .FooterClearInMobile {
        clear: both;
    }

    .RecipesTabsRightArrow {
        display: none;
    }

    .scroll-top-wrapper {
        padding: 8px;
        right: 10px;
        bottom: 10px;
    }

    .scroll-top-inner {
        width: 15px;
        height: 15px;
    }

    .TrendingSeachButton {
        padding: 10px 0px 10px 0px;
    }

    .lastDivFooterli {
        margin-top: 10px !important;
    }

    .HeaderUserDetails img {
        width: 30px;
        height: 30px;
    }

    .FooterArrow {
        display: block;
    }

    .EpisodeDetailsBanner {
        height: 290px;
    }

    .UserFavourites .nav-tabs li {
        width: 13.2% !important;
    }

    .BackNavigation {
        background-size: 19px 19px !important;
    }

    .BackNavigation h3 {
        font-size: 14px !important;
    }

    .PopCulture_margintop {
        margin-top: 40px;
    }

    .BackNavigation5 {
        top: 0px;
    }

    .RecipesSection {
        padding: 40px 0px 0px 0px !important;
    }

    .RecipesDetailsSection {
        padding: 0px !important;
    }

    .footerPeople {
        min-height: 100px !important;
    }

    .FooterStayConnected {
        text-align: center;
    }

    .FooterRightMenu li {
        text-align: center !important;
    }

    .FooterRightMenu li a {
        float: none !important;
    }

    .footerUserRecipeInfoWrapper {
        width: 72%;
    }

    .footerUserRecipeInfoWrapper p {
        text-align: center;
        width: 100%;
    }

    .footerUserRecipeInfo {
        background-position: center top !important;
        width: 120px;
        margin: 0px;
    }

    .mobileFooterIconsContainer {
        width: 865px;
    }

    .footerUserRecipeInfo a {
        text-align: center;
    }

    .FooterUserDetails {
        margin-bottom: 25px;
        width: 95%;
    }

    .FooterWrapper {
        width: 100%;
    }

    .LeftWrapper {
        width: 100%;
    }

    .RightWrapper {
        width: 100%;
    }

    .EpicurianAward {
        width: 100%;
    }

    .GuilAwarddGotoEvents {
        width: 100%;
    }

    .GuiltAwardInner {
        height: auto;
    }

    .GuiltAwardBanner {
        height: 350px;
    }

    .EpicurianAward img {
        margin-left: 20px;
    }

    .GuiltAwardInner img {
        width: 50%;
    }

    .FooterLoginSocial img {
        margin: 5px;
    }

    .GotoEvents {
        margin: 30px 0px 20px 20px;
    }

    .FooterSocial {
        width: 90%;
        margin: 0 auto;
    }

    .LoginWith {
        width: 100% !important;
    }

    .LoginWith span {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .FooterLoginSocial div {
        text-align: center;
    }

    .FooterLoginSocial {
        width: 100%;
        float: right;
    }

    .PreloginLeft {
        width: 100%;
    }

    .PreloginRight {
        width: 100%;
        text-align: center;
    }

    .PreloginRight p {
        width: 90%;
        margin: 10px auto 0 auto !important;
    }

    .PreloginRight h3 {
        text-align: center !important;
    }

    .subscribeBorder {
        display: none;
    }

    .footerUserRecipeUserWrapper {
        width: 28%;
    }

    .footerLogoDiv {
        width: 50%;
        float: left;
        text-align: center;
    }

    .FooterLeft {
        width: 100%;
        margin: 25px auto;
        float: right;
    }

    .FooterRight {
        width: 100%;
        float: right;
    }

    .Footermenu {
        width: 50% !important;
        margin: 10px 0 !important;
        /* min-height: 190px; */
    }

    .PopupRightText {
        width: 100%;
    }

    .RoundArrow {
        display: none;
    }

    .popup-inner {
        width: 80%;
        overflow-y: hidden;
    }

    .Welcomebg {
        display: none;
    }

    .Logininput {
        margin-top: 15px !important;
    }

    .SignIn button {
        margin: 15px 0px;
    }

    .SignIn p {
        margin-top: 10px !important;
    }

    .AboutContentBgWhite {
        width: 90%;
    }

    .AboutText {
        padding: 50px 20px 20px 20px;
    }

    .terms {
        padding: 0px;
    }

    .RecipeDetailsHeading span {
        padding-left: 0px;
    }

    .RecipeDetailsHeading h2 {
        font-size: 32px !important;
    }

    .RecipeDetailsText {
        left: 30px;
    }

    .RecipeDetailsLogo {
        top: 40px;
        left: 10px;
    }

    .RecipeDetailsText h1 {
        font-size: 30px !important;
    }

    .AddWraper img {
        width: 80%;
    }

    .RecipesDetailWrapper {
        width: 100%;
    }

    .SocialMediaText3 p {
        margin: 5px 0px !important;
    }

    /* .SocialMediaText{
            margin: 25px;
        } */
    .remove-clear {
        clear: both;
        height: 0px;
    }

    .ActivityLogWrapper {
        width: 100%;
        padding: 30px 20px;
    }

    .ActivityLogShadow {
        min-width: 250px;
        width: 100%;
    }

    .ActivityLogLeft {
        width: 100%;
        margin-top: -40px;
        left: 0px;
        text-align: center;
        margin-left: -0%;
    }

    .ActivityLogLeft img {
        max-width: 300px;
        width: 80%;
    }

    .ActivityLogRight img {
        margin-top: 20px;
    }

    .ActivityLogRight {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        padding: 0px 15px;
    }

    .ActivityLogRight p {
        margin-top: 10px !important;
        width: 100%;
    }

    .social {
        float: none;
        margin: 0 auto;
        padding: 10px 0px;
    }

    .ActivityLogRight a {
        width: 100%;
    }

    .caution button {
        width: 70% !important;
    }

    .UserWrapper {
        padding: 100px 0px 40px 0px !important;
    }

    .User_profile img {
        float: none !important;
        margin-top: 5px;
    }

    .Userbanner {
        height: 100% !important;
    }

    .Dishes span {
        font-size: 16px !important;
    }

    .Dishes h4 {
        font-size: 16px !important;
        padding: 0px 15px 0px 5px !important;
    }

    .ProfileDetails {
        padding: 20px 0px !important;
        width: 100% !important;
    }

    .caution {
        width: 100% !important;
    }

    .ProfileHeading {
        width: 100% !important;
    }

    .SearchButton {
        font-size: 20px;
        width: 100%;
        background-size: 30px 30px;
    }

    .PopoularCategorieButton2 {
        padding: 5px 15px;
        margin: 5px;
        font-size: 14px;
    }

    .RecipesMenu7 {
        background: url(/images/beverage_grey.png) no-repeat;
    }

    .RecipeDetailFirstContent {
        margin-top: 0px;
    }

    .RecipesDetailContentLeftImg {
        width: 100%;
    }

    .RecipesDetailContentRightText {
        width: 100%;
    }

    .container75 {
        width: 100% !important;
    }

    .selectParentMain {
        margin: 10px auto;
        float: none;
    }

    .ActivityLogShadow:before {
        left: -22px !important;
    }

    .ActivityLog {
        width: 100%;
        margin-left: 0%;
    }

    .BannerChefs_profileOuterLayer {
        padding-top: 70px;
    }

    .Author_profileImageSmall {
        max-width: 200px;
    }

    .folding-content .ViewProfile {
        float: left;
        margin-left: 15px;
    }

    .folding-content .ViewLess {
        bottom: -37px !important;
    }

    .ArticleDetails_img, .ArticleDetails_imgBottom {
        width: 100%;
    }

    .ArticleDetails_text_Left {
        margin-bottom: 20px;
        width: 100%;
    }

    .ArticleDetails_img img {
        width: 100%;
    }

    .ArticleDetails_text_right {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .MorefromAuthorContent1 {
        padding: 30px 0px 10px 0px;
    }

    .ArticleDetails_text h1 {
        font-size: 28px !important;
    }

    .containerShowdoSection {
        width: 100% !important;
    }

    .ArticlesDetailsButtonHeader1 {
        margin-top: 70px !important;
    }

    .ArticalesheaderTopimg {
        width: 100% !important;
    }

    .ArticalesheaderTop {
        margin-top: 120px;
    }

    .ArticlesDetailsButtonHeader {
        display: block !important;
    }

    .close-unfolded-content {
        bottom: -30px !important;
    }

    /*.slick-list {
        height: auto !important;
    }*/

    .OurChefs_advertise1 {
        margin-top: 30px;
    }

    .slick-prev, .slick-next {
        top: 50% !important;
    }

    .Author_profile {
        margin-top: 0px;
    }

    .WhiteNavbar .stellarnav.mobile li.has-sub a {
        color: #333 !important;
    }

    .ArticlesHederSocialMediaIconContentBox {
        margin-top: 7px;
        width: 100% !important;
    }

    .WhiteNavbar .HederTopRight {
        margin-top: 10px;
    }

    .ArticleDetails2MainTop .Recipe_byMainDiv1 {
        width: 240px !important;
    }

    .ArticleDetails2MainTop .ArticlesHederSocialMediaIconContentBox {
        width: auto !important;
    }

    .WhiteNavbar .Fancy_button {
        background: url(/images/login1.png) no-repeat !important;
        background-size: 25px !important;
        border: none !important;
        width: 25px !important;
        margin-top: 0px !important;
    }

    .RecipesContentRight .RecipesContentRightText .PeopleEngagedText {
        display: none;
    }

    .DisplayNoneInMobile {
        display: none;
    }

    /*.ExploreLeftMain {
        box-shadow: 0px 0px 15px #ccc;
    }*/
    .ExploreLeftMainText2:hover .ExploreLeftMain {
        transform: none;
        -moz-transform: none;
        -moz-transform-origin: center center;
        transform-origin: center center;
    }

    .HederTopRightSearchicon, .HederTopRightSearchicon2 {
        width: 20px;
    }

    .navbar_PageNameMobile {
        display: none;
    }

    .CustomNavbar .navbar-toggle {
        margin-top: 15px;
    }

    .HederTopRight {
        margin-top: 8px;
    }

    .logo {
        margin: 5px 0px !important;
        width: 74px;
        height: 42px !important;
        display: block;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 11px 10px !important;
    }

    .HorizantalScrollLoadMore1 {
        display: none;
    }

    .HorizantalScrollLoadMore2 {
        display: block;
    }

    .HederMenu {
        margin-left: 0% !important;
    }

    .Heder_navbar_Menu {
        width: 100% !important;
        left: 0 !important;
        clear: both;
        margin-top: 0px;
        float: left !important;
        border: none !important;
        box-shadow: none !important;
        max-height: 1000px !important;
    }

    .HederMenu li a {
        color: #fff !important;
        background-color: transparent;
    }

    .navbar-default.affix .HederMenu li a {
        color: #333 !important;
    }

    /*.container {
        width: 100% !important;
    }*/

    .ExploreLeftMainText {
        padding: 0px 10px 10px 10px;
    }

    .ViewMoreButton {
        text-align: left !important;
        /*padding: 40% 0% !important;*/
    }

    .ViewAllBtn {
        display: block;
        margin-top: 0px;
    }

    .ViewMoreButton i {
        top: -2px !important;
    }

    .RecipesContentLeft:hover .recipeDetails {
        display: none !important;
    }

    .ExploreSocialIconMain {
        display: block;
    }

    .RecipesVideoFullWidthLiveTV {
        height: 300px !important;
    }

    .Fancy_button {
        background: url(/images/login.png) no-repeat !important;
        background-size: 25px !important;
        border: none !important;
        width: 25px !important;
        margin-top: 5px !important;
        height: 25px !important;
    }

    .LoginIcon {
        height: 25px !important;
        width: 25px !important;
    }

    .Fancy_button:hover {
        background-color: transparent !important;
    }

    .Fancy_button span {
        display: none !important;
    }

    .navbar-default.affix .Fancy_button {
        background: url(/images/login1.png) no-repeat !important;
        background-size: 25px !important;
        margin-top: 0px !important;
    }

    .HederTopRight {
        width: 90px;
        margin-right: 0px;
        position: absolute;
        right: 20px;
    }

    h2 {
        font-size: 24px !important;
    }

    .carousel-indicators {
        bottom: 0% !important;
    }

    .BannerImage3 h1, .BannerTextBootom h1 {
        font-size: 24px !important;
    }

    .Recipe_byMainDivImg {
        width: 40px;
    }

    .Recipe_byMainDivText h3 {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .Recipe_byMainDivText h3 span {
        font-size: 14px !important;
    }

    .Recipe_byMainDivText {
        width: 80%;
        float: left;
        margin-left: 3%;
    }

    .Recipe_byMainDiv {
        width: 100% !important;
        margin-top: 5px;
    }

    .Recipe_byMainDiv4 {
        width: 280px;
    }

    .BannerImage4 p {
        width: 100%;
        height: 45px;
        overflow: hidden;
    }

    .BannerImage2 .Recipe_byMainDivText {
        margin-left: 0px;
        width: 100%;
    }

    .BannerTextBootom h1 {
        text-align: left;
    }

    .FooterSubscribeDiv {
        width: 100%;
    }

    .FooterStayConnectedDiv {
        margin-top: 15px !important;
        width: 50%;
    }

    .ChefsLeftMain:hover .ChefsLeftMain1Hover {
        display: none;
    }

    .MultiCarousel {
        height: auto;
    }

    .FooterBottomText {
        width: 97%;
        float: right;
    }

    .FooterBottomLink {
        width: 97%;
        margin-top: 0px;
        float: right;
    }

    .RecipesContentLeft {
        width: 100%;
    }

    .RecipesContentRight {
        width: 100%;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 0%;
    }

    .RecipesContentRightInner {
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .RecipesContentRight .nav-tabs {
        min-width: 1000px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        height: auto;
    }

    .RecipesContentRight .nav-tabs > li {
        width: 16%;
        min-height: 175px;
        border-right: 1px solid #ccc;
        display: block;
    }

    .RecipesContentRight .nav-tabs .active .RecipesContentRightImg {
        display: block;
    }

    .RecipesContentRightImg {
        width: 100%;
    }

    .RecipesContentRightText {
        width: 100%;
        display: block;
    }

    .RecipesContentRightText h3 {
        font-size: 16px !important;
    }

    .GoToRecipeButton {
        display: block !important;
    }

    .ExploreBoxHight {
        height: auto !important;
    }

    .ShowDetailsButtonHeader {
        display: block !important;
        margin-top: 77px !important;
        left: 7%;
    }

    .AboutHostButton {
        display: none !important;
    }

    .slick-next {
        right: -15px !important;
    }

    .slick-prev {
        left: -15px !important;
    }

    .navbar-default.affix .HederTopRight {
        margin-top: 12px !important;
    }

    .StoriesSlider .slick-track {
        padding-top: 0px;
    }

    .ViewAllRight {
        margin-top: 10px !important;
    }

    .RecipesTabsMain .nav-tabs li {
        margin: 0% 0.5% !important;
        width: 15.5%;
    }

    .RecipesTabsMainSearchResult .nav-tabsSearchResult li {
        width: 11.5% !important;
    }

    .RecipesTabsMain .nav-tabs {
        min-width: 725px;
        justify-content: flex-start;
    }

    .footerUserRecipeUserWrapper img {
        float: left;
        margin-left: 56px;
    }

    .footerUserRecipeUserWrapper a {
        text-align: left;
        margin-left: 46px;
    }

    .ActivityLog button {
        margin-left: 30%;
    }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
    .Recommended_1_TopTitle {
        float: right;
        width: 65%;
        padding: 3px 0px;
    }

    .ArticleDetails_New_img1 {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .ArticleDetails_New_Text_Right {
        width: 100%;
        margin: 5px 0px 10px 0px;
        padding-left: 0px;
    }

    .SocialMediaIconShowOnVideos {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }

    .RecipesContentBootom .socialMediaIconMain {
        margin: 15px 9px 5px 9px;
    }

    .BannerTextBootom h2 {
       font-size: 18px !important;
    font-weight: 700;
    }

    .Lifetime_Achiever_img img {
        width: 150px;
        height: 150px;
    }

    .Lifetime_Achiever_img {
        margin-top: -70px;
    }

    .NominationProcessMainImg img {
        margin-left: 5%;
    }

    .footerUserRecipeUserWrapper img {
        width: 40px;
        margin-left: 25px;
    }

    .footerUserRecipeUserWrapper a {
        margin-left: 15px;
    }

    .PreloginLeft img {
        width: 30px;
    }

    .EpisodeDetailsBanner {
        height: 220px;
    }

    .ActivityLogShadow:before {
        display: none;
    }

    .ActivityLog {
        border: none;
    }

    .UserProfileMain h4 span {
        display: none;
    }

    .AboutUser h4 {
        padding: 15px 0px !important;
        width: 137px !important;
    }

    .EpisodeDetails p {
        font-size: 14px;
    }

    .EpisodeDetails span {
        font-size: 16px;
        width: 21px;
    }

    .EpisodeDetailWrapper {
        width: 100%;
    }

    .AboutHostLeftImg {
        float: none;
        margin: 0 auto;
    }

    .Author_profile img {
        float: none;
    }

    .FooterWrapper {
        margin: 10px auto 20px auto;
    }

    .FooterRightMenu ul li a {
        padding: 5px !important;
    }

    .LeftWrapper p {
        margin: 10px 10px 0px 20px !important;
        width: 85%;
        text-align: justify;
    }

    .FooterStayConnected {
        width: 115px;
        margin: 0 auto;
    }

    .LoginWith span {
        width: 100%;
    }

    .FooterLoginSocial {
        width: 100%;
    }

    .FooterLoginSocial div {
        float: none;
        margin: 5px auto;
        text-align: center;
    }

    .FooterUserDetails {
        width: 95%;
        margin-bottom: 25px;
    }

    .FooterBottom p {
        float: none;
        text-align: center;
    }

    .Footermenu {
        min-height: auto;
        margin: 20px 0px 0px 0px !important;
    }

    .FooterRightMenu ul {
        text-align: center;
    }

    .FooterRightMenu ul li a {
        display: inline-block;
        width: 100%;
    }

    .SocialMediaIconShowOnVideo .socialMediaIconMain {
        margin: 8px 6px 8px 7px;
    }

    .TermsConditions h3 {
        font-size: 20px !important;
    }

    .RecipeDetailsHeading h2 {
        font-size: 28px !important;
    }

    .RecipeDetailsText h1 {
        font-size: 20px !important;
    }

    .ProfileContent button, .caution button {
        width: 100%;
    }

    .ProfileContent {
        width: 100%;
        margin: 10px auto;
    }

    .caution p {
        margin: 10px auto !important;
        width: 90%;
    }

    .caution button {
        width: 88% !important;
    }

    .SlickSlide .ExploreLeftMain {
        margin: 15px 0px;
    }

    .MorefromAuthorContentright {
        width: 270px;
    }

    .MorefromAuthorContentright .socialMediaIconMain {
        margin: 5px;
    }

    .MorefromAuthorContent1 {
        padding: 20px 0px 10px 0px;
    }

    .MorefromAuthorContentright1 .SocialMediaIconContentBox {
        width: 250px;
    }

    .MorefromAuthorContentright1 .socialMediaIconMain {
        margin: 5px;
    }

    .ArticleDetails_text h1 {
        font-size: 24px !important;
    }

    .ExploreBoxHight500 {
        height: 470px !important;
    }

    .PepoleOurChefs {
        max-width: 250px !important;
    }

    .RecipesContentRightHeading {
        padding: 12px;
    }

    h2 span {
        font-size: 22px !important;
    }

    .Shows_onHeading img {
        width: 30px;
    }

    .StoriesSlider .slick-slide {
       margin: 0px 0px;
       padding: 0 5px;
    }

    .ExploreSocialIconMain .socialMediaIconMain {
        margin: 5px 9px;
    }

    .ExploreSocialIconMain {
       /* max-width: 250px !important;*/
       max-width: unset!important;
    display: flex;
    justify-content: center;
    }

    .CustomNavbar .navbar-toggle {
        margin-right: 20px;
    }

    .HederTopRightSearchicon, .HederTopRightSearchicon2 {
        margin-right: 10px;
    }

    .HederTopRight {
        width: 80px;
    }

    .FooterBottomLink a {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .FooterLeft {
        width: 100%;
    }

    .FooterRight {
        width: 100%;
    }

    .FooterRightMenu ul li a {
        font-size: 16px;
    }

    .fancy_Heading span:after {
       top: 12px;
    width: 40px;
    margin-left: 10px;
    background-size: 100%;
    }

    .fancy_Heading span:before {
        top: 12px;
        width: 40px;
        margin-right: 10px;
        background-size: 100%;
    }

    .fancy_Heading {
        line-height: 24px;
        font-size: 20px !important;
        /* margin-bottom: 0px; */
    }

    .fancy_HeadingMain .ViewAllBtn {
        top: 0px;
      right: -12px;
    }

    .Shows_onHeading span:after, .Shows_onHeading span:before {
        top: 15px;
    }

    .FoodForYourMoodLeft:hover .FoodForYourMoodHoverText {
        display: none !important;
    }

    .FoodForYourMoodLeft:hover .FoodForYourMoodLeftIcon, .FoodForYourMoodLeft:hover .FoodForYourMoodMainText a {
        display: block !important;
    }

    .FoodForYourMoodLeft:hover {
        background-color: #fff;
    }

    /*
    .SocialMediaText {
        display: none;
    } */
    .SocialMediaText2 {
        width: 100%;
        margin-top: 10px;
    }

    .SocialMediaText2 p {
        width: 56px;
    }

    .SocialMediaText2 h3 {
        width: 50px;
        margin: 2px 5px 0px 0px !important;
    }

    .SocialMediaText4 {
        width: 100%;
    }

    .SocialMediaText4 p {
        float: left;
    }

    .GoToShowBtn {
        width: 90%;
        float: left;
        padding: 13px 0px !important;
        font-size: 16px !important;
        margin: 10px 5% 20px 5% !important;
    }

    .ViewAllEpisodesBanner.GoToShowBtn {
        width: 150px;
        padding: 5px 0px !important;
        font-size: 12px !important;
        margin: 0 auto !important;
        float: none;
    }

    .SocialMediaIconContentBox {
        padding: 0px;
    }

    .SocialMediaIconShowOnVideo {
        float: none;
        max-width: 220px;
        margin: 0 auto;
    }

    .socialMediaIconMain {
        margin: 10px 10px;
    }

    .RecipesDetailscol .RecipesDetailBtn {
        padding: 10px 0px !important;
        width: 100%;
        margin: 10px 0px !important;
    }

    .RecipesDetailBtn {
        width: 100%;
        margin: 10px 0px !important;
        padding: 10px 0px !important;
    }
}

@media screen and (max-width: 490px) {
    .popup-inner {
        width: 90% !important;
    }

    .Aboutbanner {
        background: url(/images/articleHeader-img.png) no-repeat scroll 0 0/100%;
        height: 285px;
        background-size: cover auto auto contain !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 420px) {
}

@media screen and (min-width: 1px) and (max-width: 380px) {
    .footerUserRecipeUserWrapper a {
        margin-left: 7px;
    }

    .footerUserRecipeUserWrapper img {
        margin-left: 20px;
    }

    .EpisodeDetailsBanner {
        height: 180px;
    }

    .ExploreSocialIconMain .socialMediaIconMain {
        margin: 5px 8px;
    }

    .ExploreSocialIconMain {
        max-width: 250px !important;
    }

    .MorefromAuthorContentright1 .SocialMediaIconContentBox {
        width: auto;
    }

    .socialMediaIconMain {
        margin: 10px 5px;
    }

    .col-mobile-12 {
        width: 100% !important;
    }

    .Shows_onHeading span:after, .Shows_onHeading span:before {
        top: 17px;
    }
}

@media screen and (min-width: 1px) and (max-width: 390px) {
    .RecommenedBottomText {
        margin-top: 6px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .RecipesSection {
        margin-top: 100px;
    }
}

.Categories_Bg6 {
    background-image: url(/images/about_section6Bg.jpg);
    padding: 2% 0px !important;
}

.Lifetime_Achiever_main {
    float: left;
    width: 100%;
    margin: 80px 0px;
    position: relative;
}

.ArticlesMainText {
    height: 325px;
}

.ArticlesMainText h2 {
    min-height: 15px;
}
.Lifetime_Achiever_Text h2 {
    margin: 0px 0px 2px 0px !important;
}
.ArticlesMainText h2 {
    text-align: center;
    font-size: 16px !important;
    min-height: 40px;
}

.about_section4Heading p {
    text-align: left;
}
.about_section3Heading p {
    font-size: 16px!important;
    float: right;
    width: 100%;
}
.parallax p {
    color: #fff;
        font-size: 16px;
}
p {
    font-size: 13px;
    line-height: 23px;
}
p {
    margin: 0 0 10px;
}
p {
    margin: 0!important;
    padding: 0!important;
    font-size: 13px;
    font-family: 'Roboto', sans-serif  !important;
    line-height: 22px;
}

.ArticlesMainText p {
    font-size: 14px;
    line-height: 21px;
}

.ArticlesMainText p {
    color: #666;
    text-align: center;
}

.Entertainer_ShowNameMain {
    width: 100%;
    float: left;
    margin: 15px 0px;
}

.Entertainer_ShowName1 {
    background: url(/images/Show_name.png) no-repeat;
}

.Entertainer_ShowName3 {
    background: url(/images/Channel.png) no-repeat;
}

.Entertainer_ShowNameLeft {
    width: 100%;
    float: left;
    background-size: 30px !important;
    padding: 3px 0px 3px 40px;
    margin: 5px 0px;
}

.Entertainer_ShowNameMain p {
    text-align: left;
}

.Entertainer_ShowNameMain p strong {
    color: #333;
}

.SocialMediaIconShowOnVideo {
    float: left;
    width: auto;
    margin: 0px 8px 5px 8px;
}

.Thank_for_voting_Main {
    width: 100%;
    float: left;
    background-image: url(/images/Thank_for_voting_bg.png);
    background-size: 100% 100%;
    padding: 7% 10% 5% 10% !important;
}

.player-minimize {
    background-color: white;
    border-radius: 2px;
    bottom: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    left: 20px;
    /* padding: 5px 0px 0px 0px; */
    padding: 0px 0px 0px 0px;
    position: fixed;
    width: 300px;
    z-index: 9999;
    /* height: 180px !important; */
    height: 169px !important;
}

.loader-loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #ff9e21 !important;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    position: relative;
    left: 43%;
  }

  .closeFloatJwPlayer {
    width: 20px;
    /* margin: 5px auto; */
    margin: 0px auto;
    left: 300px;
    color: #ffffff;
    position: fixed;
    z-index: 10000;
    cursor: pointer;
    /* bottom: 175px; */
    bottom: 170px;
    cursor: pointer;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}


  @keyframes spin {
    to { -webkit-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
  }
/*===========    Media Query End ============*/
