@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {
    font-family: 'Subjectivity';
    src: url('../lyve-assets/fonts/Subjectivity/Subjectivity-Black.woff2') format('woff2'),
        url('../lyve-assets/fonts/Subjectivity/Subjectivity-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: stingerfittrial-bold;      
    src: url('../afrocentrik-assets/fonts/stingerfittrial-bold.ttf') format('truetype');
} 

body{
    background: #f7f8fc;
}

*{

    box-sizing: border-box;
} 
.main-nav-toggle-icon {
  cursor: pointer;
  float: left;
  margin-top: 8px;
  z-index: 9; 
  margin-left: 0px !important;
 
}

.yokey-web .ferdy-welcome-sec .ferdy-welcome-sec-inner img{
    filter: invert(0) !important; 
}
.the-agentcy-web .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a:hover{
color:#fff !important;
}
.barista-web .feeda-full-screen-nav #feeda-full-screen span {
    
    background: #000000;
}
.barista-web .feeda-full-screen-nav #feeda-full-screen.open span {
    
    background: #fff;
}
.barista-web .suggest .tile-bg {
    background-color: #8ba888 ;
}
.phika-buns-web .ferdy-welcome-sec .ferdy-welcome-sec-inner img {
    width: 120px;
    filter: invert(0) !important;
}

.references a,.reference-links a{
font-size: 14px;
padding: 6px 15px ;
display: inline-block;
margin: 2px;
background:#000;
 text-align:center;
    color:#fff;
border-radius:36px; 
max-width: 160px;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.references br ,.reference-links br {
    display: none !important;
}
.related-questions ul ,.related-questions ul ,.reference-links ul, .reference-links ol{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.reference-links ul li, .reference-links ol li{
    display: inline-block;
}
.related-questions ol li, .related-questions ul li, .related-questions span,.related-questions p,.related-questions li{
   padding: 5px 10px;
   display :block;
 width: 100%;
 text-decoration:underline;
    color: #000; 
    margin-bottom: 10px;
    cursor: pointer;
   
} 
.related-questions.hauto ol li, .related-questions.hauto ul li, .related-questions.hauto span,.related-questions.hauto p,.related-questions.hauto li{
    height: auto;
    overflow: visible;
    }
.related-questions br {
    display: none !important;
}
.related-questions.hauto ul li:before,.related-questions.hauto span:before{
    content: 'Q.';
    display: inline-block;
    margin-right: 5px;
}
.feeda-home-btn{
    float: right;
    z-index: 99;
}
.feeda-header{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
  /*  background: #fff;*/
    padding: 10px 15px;
 /*   box-shadow:0px 15px 28px -18px rgba(0,0,0,0.27);
-webkit-box-shadow: 0px 15px 28px -18px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 15px 28px -18px rgba(0,0,0,0.27);*/
}
.feeda-home-btn a{
border: #000 solid 1px;
  padding: 6px 25px;
  border-radius: 36px;
  color: #000;
  
  font-size: 14px;
  display: inline-block;
} 
.feeda-home-btn a:hover{
    background: #000;
    color: #fff;
}
.main-nav-toggle-icon #menu-toggle-icon span:nth-child(2){
    left: 0px;
    right: inherit;
}
.open-nav .main-nav-toggle-icon {
    right: 20px;
    left: inherit;
}
.open-nav .feeda-right-seacrh{
    opacity: 0 !important;
}
/*body:after{
        top: -50%;
    left: -50%;
    z-index: -1;
    background-image: url(../images/motif.png);
    height: 200%;
    display: inline-block;
    width: 200%;
     transform: translate(0,0) rotate(-25deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    opacity: .04;
    position: fixed;
    content: '';
    bottom: 0px;
    left: 0px;
    }*/
    .clear{
        clear: both;
    }
    .container{
        width: 90%;
        margin:0 auto;
    } 
    a {
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        text-decoration: none;
    }

    h1,h2,h3,h4,h5{
        font-weight: normal;
        font-family: manropebold;

    } 

    .no-scrollbar::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
      -ms-overflow-style: none; /* IE and Edge */
  }
  
  .errormsg {
  margin: 0px 0px 5px 0px;
  font-size: 15px;
  color: #ff6943;
  display: none;
}
.feeda-discover-page-for-mobile {
display:none;
text-align:center;
padding:0px 0px;
}

.feeda-discover-page-for-mobile img {
}
.feeda-wrapper{
/*    
	position: relative;
    width: 100%;
    display: inline-block;
	*/
}
  .feeda-wrapper .feeda-left-sec{
    width: 340px;
    float: left;
   /* background: rgba(255, 255, 255, 0.10);*/
   
   background:#0b1117;
   /*
    background-image: linear-gradient(139deg, rgba(46, 131, 216, 0.10) 0%, rgba(255, 255, 255, 0.10) 221.35%);
  box-shadow: 20px 0 30px #0000000a;
  */
    padding: 15px;
    height: 100%;
    text-align: center;
    color: #fff;
    /*overflow: auto;
	 overflow: auto;*/
  transition: left 0.5s;
  
    position: fixed;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

  -webkit-border-top-right-radius: 26px;
  -webkit-border-bottom-right-radius: 26px;
  -moz-border-radius-topright: 26px;
  -moz-border-radius-bottomright: 26px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
   
} 
 .feeda-wrapper .feeda-left-sec .feeda-site-list {
    overflow: auto;
height: 48%;
}
 .feeda-wrapper .feeda-left-sec .feeda-site-list ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
text-align: left;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a{
    color: #fff;
    padding: 5px;
    display: inline-block;
    width: 100%;
    border-radius: 6px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a:hover{
    background: #484646;
}
 .feeda-wrapper .feeda-left-sec .feeda-site-list ul li img{
    float: left;
    margin-right: 10px;
    width: 25px;

}
 .feeda-wrapper .feeda-left-sec .feed-left-logo {
    margin-bottom: 10px;
    border-bottom: #484646 solid 1px;
    padding-bottom: 15px;
 }
  .feeda-wrapper .feeda-left-sec .feed-left-logo img{
    width: 50px;
  }
.feeda-wrapper .feeda-left-sec.hide-nav{
    left: -100vw;
    position: fixed;
}
.feeda-wrapper .feeda-left-sec .feeda-logo{
    padding: 20px 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-logo img{
    width: 110px;
}

.feeda-wrapper .feeda-left-sec .feeda-chat-btn a{
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    color: #000;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    transition: background 0.5s ease;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.feeda-wrapper .feeda-left-sec .feeda-chat-btn a:hover{


}
.feeda-wrapper .feeda-left-sec .feeda-discover-btn a{
 background: linear-gradient(to right,  rgba(19,50,143,1) 0%,rgba(10,49,135,1) 0%,rgba(147,70,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 color: #fff;

 border-radius: 8px;
 padding: 10px;
 
 font-size: 16px;
 width: 100%;
 display: inline-block;
 transition: background 0.5s ease;
 text-transform: uppercase;
}
.feeda-wrapper .feeda-left-sec .feeda-discover-btn a:hover{

}
.feeda-wrapper .feeda-left-sec .feeda-about{
    padding: 15px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-about h3{ 
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 10px; 
}
.feeda-wrapper .feeda-left-sec .feeda-about p{
    font-size: 14px;
    
    line-height: 18px;
    margin: 0px;
}

.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a{
    background: none;
    border-radius: 36px;
    padding: 15px;
    color: #000;
    font-size: 19px;
    width: 100%;
    display: inline-block;
    border:#000 solid 2px;
    text-transform: uppercase;
}
.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a:hover{
    background: #000;
    color: #fff;

}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-social{
    display: flex;
    justify-content: space-evenly;
    padding-top: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-social a:hover svg path{
    fill: #fff !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright{
    padding: 10px 0px;
    padding-top: 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright{
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    
    font-weight: normal;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a{
    font-size: 13px;
    line-height: 20px;
    color: #536fe9;
    padding: 0px 10px;
    font-weight: normal;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a.underline{
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0px;
}

.feeda-wrapper .feeda-left-sec .feeda-footer .text-base{
    color: #575555;
}
.feeda-wrapper .feeda-left-sec .feeda-rght-btn div {
  width: 50%;
  float: left;
  padding: 0px 5px;
}
.feeda-app-store-btn {
  width: 36%;
  display: inline-block;
  cursor: pointer;
}

.feeda-wrapper .feeda-right-sec{
    width: calc(100% - 340px);
    float: left;
    height: 92vh;
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    transition: width 0.5s;
    float: right;
       /* padding-bottom: 40px;*/
}
.feeda-full-screen-nav {
  position: fixed;
  top: 20px;
  left: 20px;
  cursor: pointer;
  z-index: 999;
  margin-top: 14px;
}
.feeda-full-screen-nav #feeda-full-screen {
  width: 20px;
  height: 20px;
  position: relative; 
  -webkit-transform:rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 9;
}
.feeda-full-screen-nav #feeda-full-screen.open {  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.feeda-full-screen-nav #feeda-full-screen span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background:#000; 
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.feeda-full-screen-nav #feeda-full-screen.open span {
 background:#fff; 
}
.feeda-full-screen-nav #feeda-full-screen span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.feeda-full-screen-nav #feeda-full-screen span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 37px;
    margin-left: -8px;
}

.feeda-full-screen-nav #feeda-full-screen span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.feeda-full-screen-nav #feeda-full-screen.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 3px;
}

.feeda-full-screen-nav #feeda-full-screen.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.feeda-full-screen-nav #feeda-full-screen.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    left: 3px;
}





.main-nav-toggle-icon #menu-toggle-icon {
  width: 20px;
  height: 20px;
  position: relative; 
  -webkit-transform:rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 9;
}
.main-nav-toggle-icon #menu-toggle-icon.open {  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.main-nav-toggle-icon #menu-toggle-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background:#fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.main-nav-toggle-icon #menu-toggle-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 37px;
    margin-left: -8px;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 3px;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    left: 3px;
}
 .feeda-wrapper .feeda-right-sec.full{
/*    width: 100% !important;*/
	width: calc(100% - 340px);
}

.feeda-wrapper .feeda-right-sec.full-width{
    width: 100% !important;
}
.feeda-wrapper .feeda-right-sec.full-width .suggest {
    padding: 20px 15vw;
}
.feeda-flex{
    display: flex;
    flex-direction: column;
}
.feeda-flex-end{
    justify-content: flex-end;
}

.head2 {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
.head2 a {
  color: #000;
}
.suggest {
  display: inline-block;
  padding: 20px;
  width: 100%;
  text-align: left;
}
.suggest .t-1 {
  background-image: url(../images/sugg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.suggest .tile {
  width: 22%;
  height: 260px;
  flex-shrink: 0;
  background-color: white;
  border-radius: 10px;
  margin: 10px;
  padding: 0px;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 9;
}
.suggest  .tile-bg {
  background-color: #000000ae;
  backdrop-filter: blur(2.5px);
  border-radius: 5px;
  padding: 15px;
  position: absolute;
  bottom: -40vh;
  left: 5px;
  right: 5px;
  color: white;
  transition: 0.9s;
  text-align: left;
  z-index: 99;
  text-align: left;
}
.suggest .tile-bg.show {
    bottom: 5px;
}
.suggest .tile-bg > h2 {
  font-family: manropebold;
  font-size: 13px;
  color: white;
  transition: 0.5s;
  line-height: 1.2;
  margin: 0px;
}

.search-prompt-video{ 
    position:absolute; 
    left:0px;
    top:0px;
    z-index:-1;
    width: 100%;
    height: 100%;
    opacity: 0;

}
.search-prompt-video.show{
 opacity: 1;
}
.search-prompt-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: -1;
}
.suggest .explore {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: 1px solid white;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
    margin-top: 0px;
  transition: 0.9s;
  float: right;
  text-align: center;
  padding-top: 4px;
  margin-top: 5px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo .explore > img {
  width: 16px;
  filter: invert(1);
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner{
    position: relative;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon{
    position: absolute;
    right: 15px;
    top: 13px;

}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon img{

    width: 18px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel-right{
    background: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 8px;
    text-align: center;
    float: left;
    padding: 8px;
    position: absolute;
    right: -52px;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel {
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    position: absolute;
    left: 3px;
    top: 11px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel img{
    width: 100%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-right-seacrh-form-input{
    float: left;
    width: 100%;
    padding-left: 40px;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input{
   
font-family: manroperegular;
     padding: 10px 15px;

    -webkit-appearance: none;
    appearance: none;  
    width:  96% ; 
    color: #000;
    outline: none;
    
    border:0px;
    float: left;
    background: rgba(247,248,252,0.9);
    border-radius: 36px;
  padding: 10px;
    border:#3A66FF solid 1px;
     padding-right: 28px;
    font-size: 14px;
    line-height: 22px;
    outline: none !important; 
    margin-top: 5px;
} 

.feeture-web .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input{
background:rgba(23, 23, 23, 0.9)!important; 
border-color:rgba(0, 0, 0, 0.1)!important; 
color:#fff !important;
} 

.search-button svg{
    width: 24px !important;
    display: inline-block;
    margin-top: 2px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button,.search-button{
 
   display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 9px;
    cursor: pointer;

}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll{
   padding: 10px 120px;
}
.ferdy-welcome-sec.hide{
    display: none !important;
}
.feeda-search-promts{
overflow: auto;
  width: 100%;
  z-index: 2;
  text-align: left; 
  max-height: 60vh;
  position: fixed;
  bottom: 80px; 
  width: calc(100% - 340px);   right: 0px;
    padding: 0px 10vw;
    -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
}
.feeda-search-promts .feeda-search-promt-inner {
   /* display: flex;
    justify-content: center;
    align-items: center;*/
display: grid; 
    grid-template-columns: 50% 50%;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box {
    float: left;
    width: 100%;
    padding: 5px; 
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner{
    text-align: left;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a{
 padding: 10px 30px;
  border-radius: 12px;
  border: #000 solid 1px;
  text-align: left;
  width: 100%;
  color: #000;
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
  min-height: 63px; 
  display: flex;
  justify-content: left;
  align-items: center;
  background: rgba(255,255,255,0.6);
    }

.feeture-web  .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a{
background:rgba(23, 23, 23, 0.6);
 border:rgba(255, 255, 255, 0.1) solid 1px;
color:#fff;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a:hover{
        background: #ffdc4f;
        border-color:#ffdc4f;
        color: #000;
    }
.ferdy-welcome-sec{
     position: fixed;
    top:110px;
    width: calc(100% - 340px);
 /* width: 100%; */
    right: 0px;
    z-index: 2;
    -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    text-align: center;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner{
width: 480px;
margin:0px auto;
/*margin-left:35%;*/
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner h3{
background: rgb(0,0,0,0.04);
    padding: 10px;
    border-radius: 10px;
    }
.ferdy-welcome-sec .ferdy-welcome-sec-inner img{
   /* width: 70px;*/
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner p{
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0px;
}

.ferdy-welcome-sec .ferdy-welcome-sec-inner .ferdy-welcome-chat a{
    background: none;
    color: #000;
    border: #ffde59 solid 1px;
    border-radius: 36px;
    padding: 6px 25px;
    display: inline-block;
    margin: 5px;
    font-size: 14px;
    -webkit-box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
}

 .welcome-text {
       position: fixed;
    bottom: 11%;
    width: 100%;
    z-index: 1;
    display: none !important;
 }

 .welcome-text.fadeOutUp.hide{
    display: none;
 }
 .welcome-text  .welcome-text-inner{
width: 57%;
margin:0px auto;
}
.welcome-text p {
width: 100%;
font-size: 16px;
line-height: 20px; 
/*background: #FFEB9B;*/
padding: 5px;
/*-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;*/
margin: 0px;
margin-bottom:8px;
color: #6F6F6F;
position: relative;
}
.welcome-text p:first-child {
    color: #000;
}
/*.welcome-text p:first-child {
-webkit-border-radius: 100px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomleft: 0;
border-radius: 100px;
border-bottom-left-radius: 0;
} 
.welcome-text p:last-child {
    -webkit-border-radius: 100px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-topleft: 0;
border-radius: 100px;
border-top-left-radius: 0;
    }*/

 .welcome-text  .welcome-text-inner .feeda-search-prompts{
    text-align: left;-o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
}   
 .welcome-text  .welcome-text-inner  .feeda-search-prompts .feeda-search-prompt-inner span{
    margin-right: 5px;
    font-size: 12px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 120px;-o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    position: relative;
    padding: 0px 10vw;-o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
position: fixed;
  width: calc(100% - 340px);
  bottom: 20px;
  right: 0px;
    padding: 0px 10vw;
}

.feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-form{

    padding: 0px 10vw;
}
  
    .feeda-wrapper .feeda-right-sec.full-width .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full-width .feeda-right-seacrh-form{

       padding: 0px 16vw;
       width: 100% !important;
    }
 .hide-left-nav   .feeda-search-promts,.hide-left-nav .ferdy-welcome-sec{
        padding: 0px 16vw;
       width: 100% !important;   
    }

  .hide-left-nav   .ferdy-welcome-sec .ferdy-welcome-sec-inner {
      margin: 0px  auto !important;
}
.feeda-wrapper .feeda-right-sec{
        position: relative;
}
/*.feeda-wrapper .feeda-right-sec:after{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
    height: 160px;
    content: '';
    background: linear-gradient(to bottom,  rgba(247,248,252,1) 0%,rgba(247,248,252,0) 100%); 

}*/
body.custom-background .feeda-wrapper .feeda-right-sec:after{
   background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
/*.feeda-wrapper .feeda-right-sec .feeda-right-seacrh{
    height:calc(100vh - 210px); 
}*/
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll{
       overflow: auto;
    /* max-height:calc(100vh - 120px); */
      max-height: calc(100vh - 110px);
    position: relative;
    
}
 
.feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo{
text-align: center;
    position: absolute;
    top: -11px; 
     display: none; 
    z-index: 9;
    width: 100%;
    left: 0px;-o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }
     .feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo img{
        width: 220px;
    }
    .feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo.show{
        display: block;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo{

	position: absolute;
  top: 0%;
  width: 100%;
  left: 0px;
  z-index: 2;
  text-align: center;
  height: 100%;
  overflow-y: auto;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo .feeda-right-content{
    width: 50vw;
    margin: 0 auto;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo p{
    
    margin: 10px 0px;
    font-size: 18px;
    line-height: 28px;
    
}
.suggest .tile-bg > p {
 font-family: manroperegular;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 500;
  line-height: 1.4!important;
  margin: 0px;
    margin-top: 0px;
  margin-top: 5px;
  color: white;
  float: left;
  width: calc(100% - 45px);
  min-height: 25px;
}
.not-found-page h1{
    color: #fff;
 
    font-size:76px;
    font-family: manropebold;
}
.not-found-page p{
color: #fff;
    margin: 5px 0px;
    font-size: 18px;
    
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo.hide{
    opacity: 0;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo img{
    width: 100px;
}
.flex-col{
   flex-direction: column;
}
.flex{ 
    display: flex;
    width: 100%;
}    
.rounded-base, .search-typing div{
    padding: 10px;
    border-radius:16px;
/*background-color: rgba(255, 222, 89, 0.3);
*/    color:#000;
    margin: 5px 0px;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
   /* display: flex;*/  
width: 100%;
}
 .search-typing div p:first-child,.search-typing div h1:first-child,.search-typing div h2:first-child,.search-typing div h3:first-child{
    margin-top: 10px;
} 
.search-typing div h3, .search-typing div  h4,.search-typing div  h5{
    margin-bottom: 10px;
}
.search-typing div:empty{
   display: none!important; 
}
.search-typing div{ 
/*background:linear-gradient(to bottom, rgb(255, 243, 197) 0%,rgb(255, 250, 225) 100%)*/
background:none;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
 }

.rounded-base.blue{
    /* flex-direction: column;
    background: #ffe889;
   background: linear-gradient(to bottom,  rgba(255,224,98,1) 0%,rgba(255,224,98,1) 29%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 */
    color: #000; 
    position: relative;
    width: 100%;
    max-width: inherit;
    padding: 10px;
    margin-bottom: 10px;
}
.search-text-show .flex{
    width: 100%;
}
.edit-chat-btn{
    position: absolute;
    top: 25px;
    right: 15px;
}
.user-info-you{
    display: inline-block;
    width: 25px; 
    font-size: 18px;
    line-height: 44px;
    margin-bottom: 10px;
    margin-right: 15px;
       font-family: manropeextrabold;
     float: left;
}
.feeda-right-seacrh-result .flex  {
    /*flex-direction: row;*/
    width: 100%;
    display: inline-block;
}
.feeda-search-right-text-sec{
float: left;
width: calc(100% - 55px);
background: /*#f7f8fc*/ rgba(247,248,252,0.7);
    padding: 10px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
}

.rounded-base.blue span#search-text {
 background:/*#f7f8fc*/ rgba(247,248,252,0.9);
    padding: 10px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.57);
box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.57);
width: 90%; 
color:#010e24;
display: inline-block;
}
/*.rounded-base.blue   {
   flex-direction: column;
    }*/
.user-info-you img {
    float: left;
    margin-right: 10px;
    width: 100%;
}
#content-to-reveal div:first-child{
    max-width: 276px;
}
.feeda-right-seacrh-result .flex .flex-col {

}
.feeda-setting-sec{
    position: absolute;
    right: 35px;
    top: 30px;
    z-index: 9;
}
.feeda-setting-sec.mobile {
display:none;
}
.feeda-setting-sec.desktop {
display:inherit;
}
.feeda-setting-sec .feeda-setting-sec-inner{
    position: relative; 
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-dots-icon{
    width: 5px;
}

.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box{
 display: none;
 border-radius: 8px;
 background: radial-gradient(circle at 100% 100%, #241d52 0, #241d52 7px, transparent 7px) 0% 0%/8px 8px no-repeat,
 radial-gradient(circle at 0 100%, #241d52 0, #241d52 7px, transparent 7px) 100% 0%/8px 8px no-repeat,
 radial-gradient(circle at 100% 0, #241d52 0, #241d52 7px, transparent 7px) 0% 100%/8px 8px no-repeat,
 radial-gradient(circle at 0 0, #241d52 0, #241d52 7px, transparent 7px) 100% 100%/8px 8px no-repeat,
 linear-gradient(#241d52, #241d52) 50% 50%/calc(100% - 2px) calc(100% - 16px) no-repeat,
 linear-gradient(#241d52, #241d52) 50% 50%/calc(100% - 16px) calc(100% - 2px) no-repeat,
 linear-gradient(299deg, #817e96 0%, #241d52 45%, #817e96 100%);

 width: 260px;
 position: absolute;
 top: 0px;
 right: 10px;
 color: #fff;
 
 z-index: 999;
 overflow: hidden;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box.show{
    display: block;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info {
    font-size: 14px;
    padding: 10px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info img{
    float: left;
    margin-right: 10px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info h3{
    margin: 0px;
    font-size: 18px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav{
    display: inline-block;
    width: 100%;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li{
    border-bottom: #37305c solid 1px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li:last-child{
    border-bottom:0px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a{
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a.signout{
 color: #FF5353;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a img{
    margin-right: 15px;
    float: left;
    width: 22px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a:hover{
    background:#2b2552;
}
.feeda-search-suggition{
    display: inline-block;
    width: 100%;
    padding: 0px 120px;
    padding-top: 15px;
    margin: 0px -5px;
}
.feeda-right-sec .feeda-search-suggition{
    padding: 0px 20vw;
}
.feeda-search-suggition .feeda-search-suggition-box{
  float: left;
  width: 33.33%;
  padding:0px 5px;
  /* padding-top: 10px; */
  padding-bottom: 10px;
  text-align: left; 

}
.feeda-search-suggition .slick-list{padding:0 6% 0 0 !important;}

.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner{
    position: relative;

    border-radius: 8px;
    overflow: hidden;
    line-height: 1px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner:after{
    content: '';
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span{
  position: absolute;
    width: 76%;
    color: #fff;
    bottom: 10px;
    left: 10px;
    font-size: 13px;
    line-height: 18px;
    z-index: 2;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner .search-suggest{
    position: absolute;

    color: #fff;
    bottom: 16px;
    right: 20px;
    z-index: 2;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner img{
    width: 100%;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border:0px;
}
.rounded-full {
    border-radius: 9999px;
} 
.feeda-right-seacrh-result{
    position: relative; 
}
.feeda-right-seacrh-result.show{
    position: relative;
        /*background: #F3F3F3;*/
    padding: 10px;
    padding-bottom: 0px;
    border-radius: 16px;  
   /* margin-bottom:  70px;*/
    overflow: hidden;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll .feeda-right-seacrh-result.show{
    visibility: visible !important;
    }
.feeda-right-seacrh-result .speaker-btn{
    position: absolute;
   right: 20px;
  top: 25px;
}
#content-to-reveal2{
    padding-top: 10px;
}
.feeda-product-listing,.home-product-slider{
    display: inline-block;
	width:100%;
    overflow: hidden;
}
.home-product-slider,.home-product-slider .slick-list {
    width: 100%;
}
.product-box{
background: none;
padding:0px;

    width: 32%;
    text-align: left;
    float: left;
    margin-right: 10px;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);
    border: 1px solid #d3d6dc;
    display: inline-block;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: .3s ease-in-out;
    transition-property: box-shadow, border;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
 
}

.product-box .product-content{
padding:10px;
}
.product-box.show{
    display: inline-block;
}

.product-box .product-yes-no{
   margin-bottom: 10px; 
   display: inline-block;
   width: 100%;
   display: none !important;
}
.product-box .product-yes-no a{
   display: inline-block;
   width: 46%; 
   color: #000;
   background: #fff;
   padding: 6px;
   border-radius: 5px;
   font-size: 14px;
   margin-top: 5px;
}
.product-box .product-yes-no a.no{
    float: right;
}
.product-box .product-yes-no a.yes{
    float: left;
}
.product-box .product-yes-no a.yes.active{
    color: #000;
   /*? background: #3fc135;
    border-color: #3fc135;*/
    background: #ffde59;
}
.product-box .product-yes-no a.no.active{
    color: #fff;
   /* background: #de5a5a;
    border-color: #de5a5a;*/
    background: #de5a5a;
}
.product-box  img {
    height: auto;
    width: 100%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
   /* top: 50%;
    left: 50%;
    position: relative;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);*/border-radius: 0px;
}
.product-box .prduct-img{
   /* height: 160px;
    overflow: hidden;*/
    position:relative;
    margin-bottom:  0px;
}

.product-box .prduct-img .pro-item-type{
    position: absolute;
    left: 0px;
    bottom: 15px;
    background: #61c525;
    display: inline-block;
    font-size: 12px;
  line-height: 12px;
  padding: 6px 20px 8px 20px;
  color: #fff;
  text-transform: capitalize;}

 .restaurant_name{
width:100%;
display:inline-block;
text-transform:uppercase;
color: #61c525;
font-size: 12px;
 
  font-family: manropemedium;
}
.product-box  .product-content h3{
   margin: 5px 0px;
    font-size: 14px;
    line-height: 18px;
    min-height: 40px;
}
.product-box  .product-content p{
    margin: 5px 0px;
    font-size: 14px;
     
}
.product-box  .product-content p.single-line {
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}
.product-box  .product-content .pro-price{
    color: #000;
    font-weight: bold; display: none;
}
.product-box  .product-content a.view-product{
background: linear-gradient(to bottom, rgba(255,214,50,1) 0%,rgba(255,214,50,1) 29%,rgba(255,243,193,1) 100%);
  width: 100%;
  display: inline-block;
  color: #000;
  padding: 8px;
  border-radius: 6px;
  font-size: 12px;   font-family: manropebold;
  margin-top: 5px;
  text-transform: uppercase;
 text-align:center;  
}

.product-box.brand-box{
    background: none !important;
    border: 0px !important;
}
.product-box.brand-box .prduct-img {
    height: 160px;
    overflow: hidden;
    border-radius: 100%;
    margin: 10px auto;
    width: 160px;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.product-box.brand-box .product-content a.view-product {
  background: none;
  color: #000;
  padding: 0px;
  text-decoration: underline;
  font-size: 13px;
 text-align:center;  
  text-transform: capitalize;
  margin: 0px;
}
.abode-uk-web .product-box .product-content a.view-product {
    background: #000 !important;
    color: #fff;
}
.feeda-product-listing{
    height: 10px;
    visibility: hidden;
-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.feeda-product-listing.fpl-show{
height: inherit !important;
  visibility: visible!important;

}
.foodgiants-web .nlp-pbrands{
display:none;
}
.feeda-sug-tags{
    display: none;
}
.feeda-sug-tags.show{
    display: block;

}
.feeda-sug-tags .feeda-sug-tag{
    font-size: 11px; 
    
    background: #080615;
    padding: 6px 15px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 36px;
    border:#9747FF solid 1px;
    color: rgba(255, 255, 255, 0.80);
}
.feeda-sug-tags .feeda-sug-tag span{
    color: #fff; 
}
.feeda-sug-tags .feeda-sug-tag i{
 padding-left: 7px;
 float: right;
 margin-top: 1px;
}
/*
.feeda-app-btn a:nth-of-type(2) {
    display: none;
}
*/
.feeda-app-store-btn{
 width: 36%;
 display: inline-block;
 cursor: pointer;
}
.feeda-qrcode-img img{
    width: 110px;
    margin-bottom: 10px;
    cursor: pointer;
}
.signup-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.signup-modal.show{
    display: block;
}
.signup-modal .signup-modal-inner{
    background:transparent;
    color: #fff;
    border-radius: 16px;
    padding:  0px; 
    width: 460px;
    margin: 3vh auto;
    position: relative;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo{
    text-align: center;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo img{
    width: 120px;
    text-align: center;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo  h4{
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin: 10px 0px;

}

#signin-modal.signup-modal .signup-modal-inner{ 
    margin: 10vh auto;
}
.signup-modal .signup-modal-inner h3{ 
    text-align: center;
    font-size: 38px;font-family: gtsuperdisplayregular;
    margin: 0px;
}
.signup-modal .signup-modal-inner .signup-modal-content p{
color: #6c6a83;
text-align: center;
font-size: 16px;
margin-top: 0px;
}
.signup-modal .signup-modal-inner  .form-card {
    padding: 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(2.5px);
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px;
}
.signup-modal .signup-modal-inner .signup-modal-field{

    padding: 10px 20px; 
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent; 
    border-radius: 0;
    border:#c5c5ca solid  1px;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    border-radius: 10px;
    outline: none;
    margin-bottom: 15px;
    color: #fff;
}
.signup-modal .signup-modal-inner .signup-modal-btn{
      /*background: linear-gradient(to right, rgba(19,50,143,1) 0%,rgba(10,49,135,1) 0%,rgba(147,70,252,1) 100%);*/
      background-image: linear-gradient(to right, #063083 , #9747FF);
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    
    font-size: 16px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: inline-block;
     
    text-transform: uppercase;
}
.signup-modal .signup-modal-inner .signup-modal-close{
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
}
.signup-modal .signup-modal-inner .signup-modal-close img{
    width: 15px;
    filter: invert();
}

.signup-modal .signup-modal-inner .have-an-account{
    color: #fff;
    font-size: 14px;
    text-align: center;
   
}
.signup-modal .signup-modal-inner .have-an-account a{
    color: #9747FF;
    }
.signup-modal .signup-modal-inner .orline{
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    
    margin-top: 10px;
}
.signup-modal .signup-modal-inner .orline hr{
    width: 100%;
    border-color: rgba(255, 255, 255, 0.5);
}
.signup-modal .signup-modal-inner .orline>p{
    padding-left: 10px;
    padding-right: 10px;
}
.signup-modal .signup-modal-inner .googlediv{
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 18px;
    border-radius: 10px;
    
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
}
.signup-modal .signup-modal-inner .googlediv>a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.signup-modal .signup-modal-inner .googlediv>a>img{
    width: 30px;
    margin-right: 15px;
}
 
.signup-modal-overlay{
    /*background: rgba(9, 10, 15, 1);*/
    background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    backdrop-filter: blur(2px);

}

.signup-modal-overlay:after{
        width: 100%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 1262px;
    background: radial-gradient(50% 50% at 50% 50%, #19114F 0%, rgba(0, 0, 0, 0.00) 100%);
    position: fixed;
    top: -30vh;
    left: 0;
    content: '';
    display: block;
    z-index: 0;
}
.signup-modal-overlay-new{
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    backdrop-filter: blur(2px);
}
.signup-modal-overlay.show,.signup-modal-overlay-new.show{
    display: block;
}

.settings-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.settings-modal.show{
    display: block;
}
.settings-modal .settings-modal-inner{
  background: #fff;
  border-radius: 16px;     width: 350px ;
  margin: 1% auto;
  overflow: hidden;
  position: relative; 
}
.settings-modal .settings-modal-inner .settings-modal-header{
    padding: 15px;
    color: #fff;
    background: url(../images/search-modal-head.png) no-repeat;
    font-size: 18px;
}
.settings-modal .settings-modal-inner .settings-modal-header .settings-modal-close{
    float: right;
    cursor: pointer;
}
.settings-modal .settings-modal-inner .settings-modal-header .settings-modal-close img{
    filter: invert();
    width: 15px;
}
.settings-modal .settings-modal-inner .settings-modal-footer{
    padding: 15px;
    font-size: 12px;
    text-align: center;
    color: #9747FF;
    
    font-weight: normal;

}

.settings-modal .settings-modal-inner .settings-modal-footer a {
  font-size: 13px; 
  color: #9747ff;
  padding: 0px 10px;
  font-weight: normal;
}
.settings-modal .settings-modal-inner  h3{
    padding: 10px 15px;
    color: #9747FF;
    
    font-size: 18px;
    margin: 0px;
}
.settings-modal .settings-modal-inner .settings-modal-account,.settings-modal .settings-modal-inner .settings-modal-about{
    border-bottom:#E1E1E1 solid 1px;
    padding-bottom: 10px;
}
.settings-modal .settings-modal-inner ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.settings-modal .settings-modal-inner ul li a{
    padding: 8px 20px;
    color: #000;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.settings-modal .settings-modal-inner ul li a span span{
    font-size: 13px;
    display: block;
}
.settings-modal .settings-modal-inner ul li a img{
    margin-right: 15px;
    float: left;
    width: 23px;
}
.settings-modal .settings-modal-inner ul li a.feeda-app-link img{
    width: 16px;

}
.qrcode-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.qrcode-modal.show{
    display: block;
}
.qrcode-modal .qrcode-modal-inner{
       width: 450px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 0px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(2.5px);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* margin: 15px; */
    height: 100vh;
}
.qrcode-modal .qrcode-modal-inner .qrcode-logo img{  width: 140px;}
.qrcode-modal .qrcode-modal-inner .qrcode-content{
    padding: 30px 0px;
}
 
.qrcode-modal .qrcode-modal-inner .qrcode-phone{
    /*margin-bottom: -24px;*/
}
.qrcode-modal .qrcode-modal-inner .feeda-qrcode-btn{
    padding-top: 15px;
}
.qrcode-modal .qrcode-modal-inner .feeda-qrcode-btn img{
     width: 120px; 
     margin: 0px 4px;
}
.qrcode-modal .qrcode-modal-inner .qrcode-img img{
    width: 110px; 
    margin-top: 20px;
    filter: invert();
}
.qrcode-modal .qrcode-modal-inner h4{
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 15px;
}
.qrcode-modal .qrcode-modal-inner h3{
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
} 
.qrcode-modal .qrcode-modal-inner .qrcode-modal-close{
    position: absolute;
    right: 25px;
    top: 45px;
    cursor: pointer;
}
.qrcode-modal .qrcode-modal-inner .qrcode-modal-close img{
    width: 15px;filter: invert();
}
.my-1{
    margin-bottom: 15px;
}
.feeda-thinking{
    font-size: 16px;
    color: #000;
    padding-left: 40px;
}
.dot-typing {
  position: relative;
  left: -9975px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
  animation: dot-typing 1.5s infinite linear;
  display: inline-block;
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
}
16.667% {
    box-shadow: 9984px -10px 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
}
33.333% {
    box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
}
50% {
    box-shadow: 9984px 0 0 0 #000, 9999px -10px 0 0 #000, 10014px 0 0 0 #000;
}
66.667% {
    box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
}
83.333% {
    box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px -10px 0 0 #000;
}
100% {
    box-shadow: 9984px 0 0 0 #000, 9999px 0 0 0 #000, 10014px 0 0 0 #000;
}
}
.slick-list {
  padding: 0 15% 0 0 !important;
}
.slick-track {
  margin-left: inherit!important;
  margin-right: inherit!important;
}
.search-mobile-dot-icon{
display: none;
}
.feeda-chat-history{
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.feeda-search-history{
height: 50%;
    overflow: auto;
}
.feeda-search-history .feeda-search-history-box {
    text-align: left;
    margin-bottom: 10px;
}
.feeda-search-history .feeda-search-history-box h3 {
     font-size: 14px;
    color: #a0a0a0;
    margin: 0px;
}
.feeda-search-history .feeda-search-history-box ul{
    list-style: none;
padding: 0px;
margin: 10px 0px;
}
.feeda-search-history .feeda-search-history-box ul li{
    font-size: 16px;
    padding: 5px 0px;
}
.feeda-search-history .feeda-search-history-box ul li a{
    color: #fff;
    }
.abode-uk-web .ferdy-welcome-sec .ferdy-welcome-sec-inner img,.barista-web .ferdy-welcome-sec .ferdy-welcome-sec-inner img{
    filter: invert(0) !important;
}

.lyve-web .feeda-wrapper .feeda-left-sec .feeda-discover-btn a{
border-radius:36px  !important;
background:#00DD4B !important;
color:#000 !important;
font-family: 'Subjectivity';
font-weight: 900;
    padding: 12px 10px 8px 10px;
}
 

.lyve-web .feeda-wrapper .feeda-left-sec .feeda-chat-btn a{
border-radius:36px  !important;
font-family: 'Subjectivity';font-weight: 900;    padding: 12px 10px 8px 10px;
}
.feeture-web  .feeda-full-screen-nav #feeda-full-screen span {
   
  background: #fff !important; 
}
.feeture-web .feeda-wrapper .feeda-left-sec .feeda-discover-btn a, 
.feeture-web .feeda-wrapper .feeda-left-sec .feeda-chat-btn a{
border-radius:36px  !important;
text-transform: capitalize;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
}
body.feeture-web ,.feeture-web .feeda-search-history .feeda-search-history-box ul li a,.feeture-web .feeda-search-history .feeda-search-history-box,.feeture-web .ferdy-welcome-sec .ferdy-welcome-sec-inner p{
 
    font-family: "DM Sans", serif; 
}

.lyve-web .feeda-wrapper .feeda-left-sec{
background:#000 !important;
}

.lyve-web .ferdy-welcome-sec .ferdy-welcome-sec-inner h3 {
    background: rgba(255, 255, 255, 0.07);
border:rgba(255, 255, 255, 0.10) solid 1px;
border-radius:20px;
backdrop-filter: blur(40px);
}

.lyve-web .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
    background: rgba(0, 0, 0, 0.05);
border:rgba(255, 255, 255, 0.10) solid 1px;
border-radius:10px;
backdrop-filter: blur(40px);
color:#fff;
}
.lyve-web .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a:hover {
  color:#000;
}
.lyve-web .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
    border-color:  rgba(0, 0, 0, 0.10)!important;
color:#fff!important;
background: rgba(0, 0, 0, 1);
}
.lyve-web  .ferdy-welcome-sec .ferdy-welcome-sec-inner img {
    width: 100px; 
}
.lyve-web  .feeda-full-screen-nav #feeda-full-screen span {
   
  background: #fff;
}
/* The Agentcy Search UI */
.openhouse-web .search-typing, .openhouse-web .rounded-base,.openhouse-web .search-typing div{
    color:#fff !important;
}


.the-agentcy-web .feeda-search-right-text-sec, .openhouse-web .feeda-search-right-text-sec{
padding:0px !important;
background:none !important;
box-shadow:inherit !important;  

} 

.the-agentcy-web .rounded-base.blue .user-info-you ,.openhouse-web .rounded-base.blue .user-info-you {
display:none !important;
}

.the-agentcy-web .rounded-base.blue span#search-text ,.openhouse-web .rounded-base.blue span#search-text {
 
    background: #e7e7e7;
    padding: 10px 15px;
    border-radius: 20px;
    -webkit-box-shadow:inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    width: 65%;
    color: #010e24;
    display: inline-block;
    float: right;
}
.the-agentcy-web .rounded-base.blue ,.openhouse-web .rounded-base.blue{
display:inline-block;
width:100%;
}

.the-agentcy-web .search-typing div h2:first-child, .openhouse-web .search-typing div h2:first-child{
margin-top:0px !important;
}
 .openhouse-web .references a,  .openhouse-web .reference-links a {
       background: #fff !important;

    color: #000 !important;
}
@media only screen and (min-width:1440px)  {
    .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
  padding: 15px 40px;
   font-size: 14px;
  line-height: 20px;
}
    .welcome-text .welcome-text-inner {
    width: 58%;
}
    .feeda-wrapper .feeda-left-sec .feeda-chat-btn a , .feeda-wrapper .feeda-left-sec .feeda-discover-btn a{
        padding: 14px;
    }
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll{
       padding: 10px 10vw;
   }
   .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 10vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 18vw;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    padding: 0px 18vw;
}
.feeda-search-promts{
      /* padding:  0px 18vw;*/
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
 
  padding-right: 17vw;
}

.feeda-search-suggition{ 
    padding: 0px 10vw; 
}
.feeda-right-sec .feeda-search-suggition{
    padding: 0px 20vw;
}
#signin-modal.signup-modal .signup-modal-inner {
  margin: 12vh auto;
}
.signup-modal .signup-modal-inner { 
  margin: 8vh auto; 
}
 
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 27px;
}
.suggest .tile {
    height: 300px;
  }
}

@media only screen and (min-width:1580px) {
.product-box .product-content h3 {
    margin: 10px 0px;
    font-size: 18px;
    line-height: 23px;
    min-height: 40px;
}

    .suggest .tile-bg > p { 
  font-size: 14px!important;
}
.suggest .tile {
    height: 330px;
  }
   .suggest .tile-bg > h2 {
  font-size: 18px;
 }
  
  .feeda-right-seacrh-result.show{

/*    margin-bottom:  90px;*/
}
  
/*.ferdy-welcome-sec .ferdy-welcome-sec-inner{
margin-left:38%;
} */
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form {
   bottom: 30px;
}
    .welcome-text {
   bottom: 10%;

}
 
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
    font-size: 16px;
    padding: 15px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel {
  width: 40px;
  height: 40px;
  text-align: center;
  float: left;
  position: absolute;
  left: -10px;
  top: 10px;
}
.search-button svg {
  width: 30px !important;
  }
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button, .search-button {
 
  right: -10px; 
  top: 11px; 
}
 /*   .ferdy-welcome-sec { 
   width: calc(100% - 360px); 
}*/
    /*.ferdy-welcome-sec .ferdy-welcome-sec-inner img{
        width: 120px;
    }*/
    .ferdy-welcome-sec .ferdy-welcome-sec-inner p {
  font-size: 20px;
  line-height: 32px; 
}
.welcome-text p { 
  font-size: 18px;
  line-height: 22px;
   padding: 10px;
  }
.ferdy-welcome-sec {
   top: 100px;
  }
/*  .ferdy-welcome-sec .ferdy-welcome-sec-inner {
  width: 560px;
}*/
.ferdy-welcome-sec .ferdy-welcome-sec-inner .ferdy-welcome-chat a {
   
  padding: 10px 35px; 
  font-size: 16px;
  }
    .welcome-text .welcome-text-inner {
  width: 58.5%;
}
	.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 30px;
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
  overflow: auto;
  max-height:calc(100vh - 75px);
}
 

    .signup-modal .signup-modal-inner .signup-modal-feeda-logo img {
  width: 150px;
}
.signup-modal .signup-modal-inner .signup-modal-field {
  padding: 15px 20px; 
  font-size: 1.2rem;
  }
  .signup-modal .signup-modal-inner .signup-modal-btn {
   padding: 18px;
}
.signup-modal .signup-modal-inner .googlediv {
   padding: 13px 18px;
  }
    .signup-modal .signup-modal-inner{ 
    margin: 12vh auto; 
}
#signin-modal.signup-modal .signup-modal-inner{ 
    margin: 15vh auto;
}
    .settings-modal .settings-modal-inner ul li a img {
      margin-right: 15px; 
      width: 28px;
  }
  .settings-modal .settings-modal-inner ul li a {
      padding: 10px 25px; 
      font-size: 18px;
  }
  .settings-modal .settings-modal-inner {
     width: 390px;margin: 15vh auto;
 }
 .settings-modal .settings-modal-inner ul li a span span {
  font-size: 14px;
  display: block;
}
.not-found-page p {
  color: #fff;
  margin: 5px 0px;
  font-size: 28px;
  
}
.not-found-page h1 {
  color: #fff;
  font-size: 116px;
}
.qrcode-modal .qrcode-modal-inner h3 {
 font-size: 26px;
}
.qrcode-modal .qrcode-modal-inner h4 {
 font-size: 18px;
}

.qrcode-modal .qrcode-modal-inner { 
 
  width: 550px;
}
/*
.feeda-wrapper .feeda-left-sec {
  width: 360px;
} */
.feeda-wrapper .feeda-left-sec .feeda-logo img {
    width: 130px;
}
/*.feeda-wrapper .feeda-left-sec .feeda-logo {
    padding: 90px 20px;
}*/
.feeda-wrapper .feeda-right-sec {
      height: 90vh;
	 /* height: 90vh;
    padding: 15px 0px;
	*/
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form ,.feeda-search-suggition,
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    padding: 10px 10vw;
}

  .welcome-text .welcome-text-inner .feeda-search-prompts .feeda-search-prompt-inner span {
  margin-right: 5px;
  font-size: 14px;
}
.feeda-search-promts{
       bottom: 100px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
 
  padding-right: 10vw;
}
  .feeda-wrapper .feeda-right-sec.full-width .feeda-right-seacrh-scroll.scroll {
    padding-right: 15vw;
  }

/*.feeda-wrapper .feeda-right-sec { 
height: calc(100vh - 91px);
  }*/
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
 font-size: 16px; 
    line-height: 22px;
      padding: 20px 40px;min-height: 80px;
}
.feeda-wrapper .feeda-left-sec .feed-left-logo img {
  width: 80px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li{
    margin-bottom: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li img {
  float: left;
  margin-right: 10px;
  width: 32px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a {
 
  padding: 10px; 
  border-radius: 8px;
  font-size: 22px;
}
.feeda-wrapper .feeda-left-sec .feeda-about p {
    font-size: 16px;
    line-height: 23px;
}
.feeda-wrapper .feeda-left-sec .feeda-about h3 {
   font-size: 28px;
}
.feeda-wrapper .feeda-left-sec .feeda-chat-btn a , .feeda-wrapper .feeda-left-sec .feeda-discover-btn a{

    padding: 15px; 
    font-size: 20px; 
}
.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a { 
    padding: 18px; 
    font-size: 20px;

}
.rounded-base, .search-typing div { 
    font-size: 18px;
    margin-bottom: 12px;
}
#content-to-reveal div:first-child {
    max-width: 312px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span {
   font-size: 16px;
   line-height: 22px;
}
 
.feeda-sug-tags .feeda-sug-tag {
  font-size: 14px; 
  padding: 8px 15px; 
  letter-spacing: 1px;
}
}
@media only screen and (min-width:1780px) { 
.suggest .tile {
    height: 360px;
  }
  .suggest .tile-bg > h2 {
  font-size: 20px;
 }
 .suggest .tile-bg > p {
  font-size: 16px !important;
  }
.ferdy-welcome-sec .ferdy-welcome-sec-inner{
margin-left:40%;
}
/*      .ferdy-welcome-sec { 
  width: calc(100% - 390px);
}*/
    .feeda-search-promts{
       padding:  0px 20vw;
}
     .ferdy-welcome-sec {
    top: 140px;
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 34px;
}
 /*  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button, .search-button {
   
    right: 6px;
    top: 0px; 
}
.search-button svg {
  width: 27px !important;
  }*/
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
    font-size: 20px;
  }
 .welcome-text p {
    font-size: 20px;
    line-height: 22px;
}
  
  .feeda-wrapper .feeda-left-sec {
      width: 390px;
  } 
  .feeda-wrapper .feeda-right-sec {
    width: calc(100% - 390px); 
    padding: 15px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-about p {
    font-size: 18px;
    line-height: 25px;
}
.feeda-wrapper .feeda-left-sec .feeda-logo {
  padding: 60px 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-about {
  padding: 40px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright {
  font-size: 16px;
  line-height: 26px; 
  padding: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a{
   font-size: 17px;
   line-height: 26px;
}

}
/*@media only screen and (min-width:1280px) { 
  #search-result .search-typing div { 
  width: 55vw !important;
  }
#search-result .rounded-base.blue{
    width: 55vw !important;
}
 .home-product-slider {
    width: 55vw !important;
  }

}*/
 @media only screen and (min-width: 1080px) and (max-width:1280px) {
 
.suggest .tile {
  width: 30%;
    height: 345px;
  }
    .search-typing h2{
        font-size: 21px;
    }
    .feeda-search-promts {
   
  padding: 0px 8vw;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
  
  font-size: 12px;
  line-height: 16px;
}
 

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    
    padding: 0px 5vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
 
    padding: 0px 5vw;
}

.feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-form{

    padding: 0px 5vw;
}
  }
 @media only screen and (min-width: 992px) and (max-width:1080px) {
    .search-typing h2{
        font-size: 21px;
    }
    .feeda-search-promts {
   
  padding: 0px 8vw;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
  
  font-size: 12px;
  line-height: 16px;
}
.suggest .tile {
  width: 30%;
  height: 260px;
  }

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    
    padding: 0px 5vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
 
    padding: 0px 5vw;
}

.feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-form{

    padding: 0px 5vw;
}
}
 @media only screen and (min-width: 651px) and (max-width:992px) {
    body.open-nav:after {
        display: none;
    }
    .feeda-header{
        display: block !important;
    }
    .feeda-home-btn{
        display: none;
    }
    .container-area.cont-home{
        padding-bottom: 60px;
}
      .feeda-wrapper .feeda-right-sec .feeda-right-logo {
  
    position: absolute;
    top: 5%;
  }
      .feeda-discover-page-for-mobile {
    display: block;
  }
    .suggest .tile {
  width: 30%;
  height: 310px;
}
    .feeda-wrapper .feeda-right-sec.full{
        width: 100%;
    }
    .suggest .tile-bg > p { 
  font-size: 12px !important;
}
.suggest .tile-bg > h2 { 
  font-size: 13px;
  }
    body{
        height: 100vh;
    }
    .ferdy-welcome-sec {
   width: 100%;
}
    .ferdy-welcome-sec .ferdy-welcome-sec-inner{
        margin-left: auto !important;
    }
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
  
  width: 94%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    position: relative;
    padding: 0px 10vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
position: fixed;
  width: 100%;
  bottom: 20px;
    padding:  0px 10vw;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
   font-size: 12px;
  }
.feeda-search-promts{
    padding: 0px 10vw;  width: 100%;
}
.feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-form{

    padding: 0px 10vw;
}

.feeda-wrapper .feeda-left-sec{
    position: fixed;
    left: -100vw;
    top: 0px;
    width: 40vw;
    z-index: 9; transition: left 0.5s; 
}
.feeda-wrapper .feeda-left-sec.show{
    left: 0px;
}
.feeda-wrapper .feeda-right-sec {
    width: 100% ;
    float: left;
    height: calc(100vh - 55px);
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
}

.feeda-search-suggition .feeda-search-suggition-box {
  float: left;
  width: 50%;

  }
  .feeda-search-suggition .feeda-search-suggition-box:last-child{
    display: none;
}
.feeda-mobile-header{
    display: flex;
}
.feeda-full-screen-nav{
    display: none!important;
}
html{
background: rgb(8, 8, 32);
}
 


}
 @media only screen and (min-width: 651px) and (max-width:790px) {
    .suggest .tile {
  width: 30%;
  height: 270px;
}
}
@media only screen and (max-width: 650px) { 
.barista-web .feeda-discover-page-for-mobile img{
filter:invert(0) !important; 
}
.barista-web .main-nav-toggle-icon #menu-toggle-icon span {
 
  background: #000;
}
.barista-web .main-nav-toggle-icon #menu-toggle-icon.open span {
 
  background: #fff;
}

/*@media not all and (min-resolution: 0.001dpcm) {
.page-template-page-discover .feeda-wrapper .feeda-right-sec {
  height: 90vh;
}
}

*/
.page-template-page-discover .feeda-wrapper .feeda-right-sec {
  height: 90vh;
} 

      body.open-nav:after {
        display: none;
    }
    .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a{
        text-align: center;
    }
    .feeda-header{
        display: block !important;
    }
    .feeda-home-btn{
        display: none;
    }
.suggest {
   padding: 10px; 
padding-bottom:30px;
}
.suggest .tile-bg > h2 {
 
  font-size: 12px;
}
    .product-box .product-content a.view-product { 
  padding: 6px; 
  font-size: 11px; 
}
    .ferdy-welcome-sec {
   top: 190px;
}
.lyve-web .ferdy-welcome-sec.feeda-search-widget-welcome  .ferdy-welcome-sec-inner img {
  width: 65px;
}
 .ferdy-welcome-sec.feeda-search-widget-welcome { 
    top: 70px; 
  }
.lyve-web .feeda-wrapper .feeda-right-sec.feeda-search-widget  .feeda-right-seacrh-form input {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.feeda-wrapper .feeda-right-sec.feeda-search-widget {
    overflow-y: hidden !important; 
  }
 .feeda-wrapper .feeda-right-sec.feeda-search-widget {
    width: 100% !important;
 
    height: 85% !important;
}

  .feeda-wrapper .feeda-right-sec.feeda-search-widget  .feeda-right-seacrh-scroll.scroll { 
    overflow: auto;
    max-height: calc(100vh - 75px);
}
    .feeda-home-btn a {

  padding: 5px 15px;
  font-size: 12px;
  display: inline-block;
}
    .feeda-search-right-text-sec { 
  /*width: calc(100% - 55px);*/
   width:100% ;
}
    .ferdy-welcome-sec {
   width:  100%  ;
   }
.feeda-search-promts .feeda-search-promt-inner {
 display: flex;
    justify-content: flex-start;
    align-items: center; 
}
.feeda-search-promts{
    padding: 0px 15px;
    padding-bottom: 15px;
    position: static;
    width: 100%;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box {
  float: left; 
  width: 30%;
  padding: 5px;
}
.feeda-search-promts .feeda-search-promt-inner {
   width: 960px;
}
    .search-mobile-dot-icon{
        position: absolute;
        left: 0px;
    top: 5px;
    display: block;
    }
    .feeda-thinking { 
  margin-bottom: 10px;
  padding-left: 36px;
  font-size: 13px;
/*  position: absolute;
    top: -25px;
    left: 30px;*/
}
      .ferdy-welcome-sec .ferdy-welcome-sec-inner {
  width: 90%;
  margin-left: auto;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner img {
  width: 110px;
height:auto;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner p {
  font-size: 14px;
  line-height: 23px;
  margin: 10px auto;
  width: 90%;
}
    .welcome-text .welcome-text-inner {
  width: 76%;
  margin: 0px auto;
}
    .welcome-text .welcome-text-inner p{
font-size: 13px;
    line-height: 16px;
    width: 100%;
  }
  .welcome-text p::after {
   top: 6px;
}
/*.rounded-base, .search-typing div{
min-height: 85px;

}*/
 
.feeda-wrapper .feeda-right-sec {
    overflow-y: scroll!important;
}
.feeda-setting-sec {
  right: 20px;
  top: 20px;
}
.feeda-mobile-newchat {
  position: relative;
  right: 30px;
}
.feeda-setting-sec.mobile {
display:inherit;
}
.feeda-setting-sec.desktop {
display:none;
}
    .signup-modal .signup-modal-inner .signup-modal-feeda-logo h4 {
 
  margin: 10px auto; 
  width: 52%;
}
.signup-modal-overlay::after {
  width: 600px;  
  left: -30vw; 
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
font-size: 16px;
    padding:12px 10px;
    width: 86%;
    border-radius: 36px;
    margin-top: 5px;
    line-height: 11px;
    padding-left: 5px;
      
  }
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon {
      position: absolute;
      right: 62px;
  }
 .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button, .search-button {
 
width: 42px;
    height: 42px;
    padding: 0px;
    right: 0px;
    top: 8px;
    text-align: center;
 
}
.search-button svg {
  width: 24px !important;
  }
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel{
   left: 1px;
   width: 30px;
  height: 30px; 
  top: 12px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-dots-icon {
  width: 3px;
}
.settings-modal .settings-modal-inner { 
  width: 90%;
  margin: 5% auto;
}
.feeda-full-screen-nav{
    display: none;
}
.signup-modal .signup-modal-inner .form-card {
  padding: 20px;
  border-radius: 16px;
  margin:10px 0px;
  }
  .signup-modal .signup-modal-inner h3 { 
  font-size: 30px;
}
.signup-modal .signup-modal-inner .signup-modal-content p { 
  font-size: 14px; 
}
.welcome-text {
   bottom: 60px;
}
.feeda-wrapper .feeda-left-sec{
    position: fixed;
    left: -100vw;
    top: 0px;
    width: 80vw;
    z-index: 9; transition: left 0.5s; 
}
.feeda-wrapper .feeda-left-sec.show{
    left: 0px;
}
/*.feeda-wrapper .feeda-right-sec {
    width: 100% ;
    float: left;
    height: calc(100vh - 120px);
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
}*/
.feeda-wrapper .feeda-right-sec {

width: 100%!important;
    float: left;
    /*height: calc(100vh - 160px);*/
    height: 91%;
    padding: 0px;
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    position: fixed; 
    top: 0px;
 
 }


/* CSS for Safari 
@supports (-webkit-touch-callout: none) {
   .feeda-wrapper .feeda-right-sec { 
    height: calc(100vh - 140px);
   }
   @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
 .feeda-wrapper .feeda-right-sec {
            height: calc(100vh - 160px);
        }
}
}*/
 /* CSS for Chrome on iPhone */
/*@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    @media screen and (min-width: 375px) and (max-width: 667px) {
        .feeda-wrapper .feeda-right-sec {
            height: calc(100vh - 170px);
        }
    }
}*/
 
.feeda-search-suggition .feeda-search-suggition-box {
    float: left;
    width: 100%;
    padding: 5px  ;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo {
    position: absolute;
    top: 5%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo img {
    width: 60px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span { 
    font-size: 16px;
}
.feeda-mobile-header{
    display: flex;
	background:none;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form ,.feeda-search-suggition{
    padding: 0px 15px;width:100%;
}
.feeda-search-suggition img{
    width: 100% !important;
}
.feeda-right-seacrh-form{
    position: fixed;
    width: 100%;
    left: 0px;
    z-index: 99;
 
  padding: 20px 10px 10px 10px  !important; 
  bottom: 0px !important;
  width: 100%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel-right{
    display:none !important;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll ,.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll{
    padding: 10px  15px;
}
.product-box {
    display: none;
    width: 100%;
 
    float: left;
    margin: 0px;
    margin-bottom: 15px;
}
    /*.rounded-base, .search-typing div { 
        max-width: 86%;
    }*/
    .feeda-sug-tags .feeda-sug-tag {
     font-size: 11px;
    padding: 6px 10px;
    margin-right: 3px;
    margin-bottom: 5px; 
    line-height: 10px;
    letter-spacing: 1px;
  }
  .feeda-sug-tags .feeda-sug-tag  i img{
    width: 8px;
}
.signup-modal .signup-modal-inner { 
   width: 86%;
    margin: 10vh auto;
}
#signin-modal.signup-modal .signup-modal-inner {
  margin: 20vh auto;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
  overflow: auto;
  max-height: calc(100vh - 120px);
  padding-bottom: 10px;

}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner {
 height: 120px;
}
.qrcode-modal .qrcode-modal-inner { 
  width: 90%;
 
}
.qrcode-modal .qrcode-modal-inner .qrcode-content{
padding-top: 120px;

}
.qrcode-modal .qrcode-modal-inner h4 {
  width: 90%; 
  font-size: 14px; 
}
.qrcode-modal .qrcode-modal-inner h3 { 
  font-size: 16px;
  margin-top: 5px;
}
.product-box{
    max-width: inherit !important;
    margin-right: 10px;
}
.feeda-product-listing {
    display: inline-block;
    width: 104%;
    overflow: hidden !important;
}
.slick-list {
  padding: 0 45% 0 0 !important;
}
.home-product-slider{
    width: 100%;
}
.flex {
  display: block;
}
.search-text-show.flex, .search-text-show.flex  .flex{
  display: flex;
}
 
.feeda-sug-tags .feeda-sug-tag:last-child{
    display: none !important;
}
.rounded-base.blue span#search-text {
 /* width: 83%;*/
 width: 100%;
    display: block;
    float: left;
}
.rounded-base, .search-typing div {
  font-size: 14px;
  line-height: 22px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 20px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-ferdy-logo.show{
    display: none !important;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-right-seacrh-form-input {
  float: right;
  width: 90%;
  padding-left: 0px;
}
.feeda-right-seacrh-result.show {
   padding: 10px 0px;
   border-radius: 22px;
   padding-bottom: 0px;
    
  }
  .rounded-base.blue{
     padding: 10px 0px;
    border-radius: 22px;
    display: inline-block;
  }
  .feeda-right-seacrh-result .speaker-btn {
  position: absolute;
  right: 15px;
  top: 25px;
}
 .feeda-right-seacrh-result .speaker-btn img,.edit-chat-btn img{
    width: 18px;
}

.feeda-chat-history{
    display: none;
}
.suggest .tile {
  width: 46%;
    margin: 4px 5px;height: 220px;
}
.suggest .explore {
  width: 20px;
  height: 20px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo .explore > img {
  width: 11px;
}
.suggest .tile-bg > p {
  font-size: 11px !important;
  line-height: 1.2 !important;
  width: calc(100% - 25px);
}
.feeda-discover-page-for-mobile {
display:block;
}
.head2 {
  padding-top: 0px;
  margin-top: 0px;
}

}