.homewidth
{
  width: 50%;
}
.responsehide
{
  display: block !important;
}
.responseshow
{
  display: none !important;
}
.responseautoheight
{
  height: auto !important;
}
.responseheight75
{
  height: 75px !important;
}
.responsesearchtitle
{
      width: 50%;
    padding-top: 26px;
    height: 19px;
    height: 20px;
    padding-top: 20px;
    padding-bottom: 8px;
    
}
.responsesubscribepopup {
  width: 643px;
  overflow-y: scroll;
  border-radius: 10px;
  z-index: 3;
  height: 470px;
  background-color: white;
  position: fixed;
  margin: auto;
  top: 10%;
  left: 25%;
  padding: 25px 30px;
  padding-top: 28px;
  padding-bottom: 20px;
  opacity: 100% !important;
}

.tagbottomresponse
{
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: white;
    border-radius: 15px;
    width:auto;
    padding: 5px 10px 5px 10px;
    border: 2px solid white;
    display: flex;
    cursor: pointer;
    background-color: white;
}
.Highlightresponsediv
{
  width:100%;
    height:160px;
    position: relative;
}
@media screen and (max-width:670px)
{
.leftcontainer{
  display: none;
}
.rightcontainer 
{
  display: none;
}
}
@media screen and (max-width:950px)
{
  .homewidth
{
  width: 100%;
}
.headercentercontainer {
  width: 83%;
  max-width: 1000px;
  margin: auto;
  margin-left: 12%;
}
.menulists li.listitems {
  box-sizing: border-box;
  padding: 0px 8px 11px;
  cursor: pointer;
  font-size: 10px;
}
.stickylistitems {
  align-content: center;
  display: inline-block;
  color: white !important;
  font-size: 10px !important;
  font-weight: normal !important;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.highlightcontent-container {
  width: 100%;
  height: fit-content;
  display: block;
}
.responsehighlightcontent-container {
  width: 100% !important;
  height: fit-content !important;
  display: block !important;
}
.responsehighlightpart
{
  width: 100% !important;
  display: flex;
}
.highlightpart
{
  width: 100%;
  display: flex;
}
.highlightimagediv {
  width: 32%;
  height: fit-content;
  position: relative;
  float: left;
  margin-right: 15px;
}
.tagbottomresponse {
  /* position: relative; */
  bottom: 10px;
  font-size: 10px;
  color: white;
  border-radius: 15px;
  width: fit-content;
  padding: 5px 10px 5px 10px;
  border: 2px solid white;
  display: flex;
  cursor: pointer;
  right: 2px;
}
.highlightresponsivediv
{
  display: flex;
}
.hightlightcontent {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  height: auto;
  width: 67%;
  margin-left: 5px;
  margin-top:15px;
}
.videomedia
{
  display: block;
}
.menulists li {
  color: #666666;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.2;
}
.ingredient-logodetail
{
  display: block;
}
.ingredient-site {
  height: fit-content; 
  width: 100%;
  align-content: center;
  font-size: 14px;
  margin-left: 10px;
}
.media-bl {
  height: auto;
  padding-top: 0px; 
  line-height: 1.2;
  font-size: 16px;
  cursor: pointer;
  font-family: 'DM-SANS-BOLD' !important;
}
.responsenewsdiv
{
  height: auto !important;
    width: 100% !important;
}
.responsesearchnewsdiv
{
    width: 100% !important;
}
.responsedisplaynone{
  display: none !important;
}
.highlightimagediv {
  width: 100%;
  height: auto !important;
  margin: auto !important;
  position: relative;
}
.responseimagediv
{
  width: 30% !important;
}
.responseicon35
{
  width: 40% !important;
}
.responsecontentdiv
{
  width: 70% !important;
}
.responseheight
{
  height: auto !important;
}
.responsewidth20
{
  width: 20% !important;
}
.responsemarginfit
{
  margin: 0px !important;
}
.responsetagheight
{
  /* height: auto !important; */
  font-size: 7px !important;
}
.paginationdiv
{
  width: 64% !important;
}
.responsivefontsize
{
  font-size: 10px !important;
}
.responsesearchheight
{
  height: 20px !important;
}
.responsivefontsize13
{
  font-size: 13px !important;
}
.responsivefontsize18
{
  font-size: 18px !important;
}
.responsivefontsize15
{
  font-size: 15px !important;
}
.responsemarginleft
{
  margin-left: 10% !important;
}
.responsemarginleftpixel
{
  margin-left: 10px !important;
}
.keyinterviewdiv
{
  height: 250px !important;
}
.responsemarginbottom
{
  margin-bottom: 5%;
}
.responsedivheight
{
  height: 185px !important;
}
.responsedivheightevent
{
  height: 165px !important;
}
.responsemarginauto
{
  margin: auto;
}
.responsemargintop
{
  margin-top: 0px !important;
}
.responsepaddingtopdiv
{
  padding-top: 0px !important;
}
.responsewidth40
{
  width: 40% !important;
}
.responsearrowfilter
{
  left: 4px !important;
  position: relative;
  top: 4px !important;
}
.responsemargintop10
{
  margin-top: 10px !important;
}
.responsemargintop5
{
  margin-top: 5% !important;
}
.responsetrend-singlefocusimagediv {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.responselogowidth
{
  width: 37% !important;
}
.responseheightfitcontent
{
  height: fit-content !important;
}
.responsepaddingtop{
  padding: 0px !important;
  font-size: 8px !important;
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.responseshareicon
{
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 108%;
  margin-left: 0px !important;
}
.responsepaddingright
{
  padding-right: 10px !important;
}
.responsewidthshareicon
{
  width: 30% !important;
  height: 100%;
  display: inline-block;
}
.responsealigncontent
{
  align-content: normal !important;
}
.responsepadding5px
{
  padding-left: 5px !important;
}
.responsehide
{
  display: none !important;
}
.responseshow
{
  display: block !important;
}
.responsesupplierheight
{
  height: 110px !important;
}
.event-content-image
{
  width: 30% !important;
}
.responsefiltersdiv
{
    height: 20px !important;
    border: 1px solid #E4E4E4;
    padding: 0px 8px !important;
}
.responsivecalennder
{
  width: 20px !important;
  height: 16px !important;
  padding: 0px !important;
}
.responsivecalendersize
{
  height: 1em !important;
  width: 1em !important;
  margin-top: 2px !important;
}
.responsebannerwidth
{
  width:130px !important;
}
.responseheaderwidth
{
  width: 100% !important;
  margin: 0% !important;
}
.responsedefault-image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.responsebannermargintop
{
  margin-top:80px !important;
}
.responsehightlightwidth50 
{
  width: 50% !important;
}
.responsemarginleft50
{
  margin-left: 52% !important;
}
.responsetrendshareicon
{
  width: 170px !important;
  height: 41px !important;
}
.trendanalysis-dot 
{
    display: inline-block;
    width: 23.8%;
    height: 28px !important;
    border-radius: 25px;
    border:1px solid #666666;
    cursor: pointer;
    align-content: center;
    text-align: center;
    color: #666666;
    font-size: 10px !important;
    font-weight: bold;
}
.owl-stage-outer
  {
    height: auto !important;
  }
  .twofipopup-containerdiv {
    z-index: 4;
    width: 50% !important;
    height: 250px;
    background-color: white;
    position: fixed;
    margin: auto;
    top: 17.5%;
    left: 23% !important;
    padding: 5px 6px !important;
    opacity: 100% !important;
}
.responsesubscribepopup
{
  width: 50% !important;
  height: 80% !important;
  z-index: 11!important;
  box-shadow:0px 0px 1px 0px;
}
.responseproductinnovationicon
{
  position: absolute;
  top: 10px !important;
  right: 0px !important;
  color: white;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 24px;
}

.responsewidthauto
{
  width: auto !important;
}

.responsedisplayflex
{
  display: flex !important;
}
.responseoverflow
{
  overflow: hidden !important;
}
.responserevert
{
  float: revert !important;
}
.responsevideoimagediv
{
  width: 100% !important;
    height: 50% !important;
}
.responserelativemultimedia
{
  display: block !important;
}

.responsevideoheight
{
  height: 300px !important;
}
.responsemarginbottom10px
{
  margin-bottom: 10px !important;
}
.custom-inputdatepicker
{
  margin-left: 5px !important;
}

}


@media screen and (max-width:1050px)
{
  .highresponsivefontsize
{
  font-size: 10px !important;
}
.highresponsenewsdiv
{
  height: auto !important;
    width: 100%;
}
.highresponsivefontsize12
{
  font-size: 12px !important;
}
.highresponsefontsize10
{
  font-size: 10px !important;
}
.highresponseheight
{
  height: auto !important;
}
.highresponsehide
{
  display: none !important;
}
.responsesubscribepopup
{
  width: 50% !important;
  height: 80% !important;
  z-index: 11!important;
  box-shadow:0px 0px 1px 0px;
}
.responsemarginbottom
{
  margin-bottom: 5%;
}
.menulists li.listitems {
  box-sizing: border-box;
  padding: 0px 8px 11px;
  cursor: pointer;
  font-size: 12px;
}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) 
{
  .responsebannerwidth
  {
    width: 150px !important;
  }
  .responseleftcontainermargin
  {
    margin-left: 10px !important;
  }
  .zoom-button {
    top: 10px !important;
    right: 10px !important;
}
.responsenewsdiv
{
  height: auto !important;
  width: auto !important;
}
.responseheight
{
  height: auto !important;
  width: auto !important;
}
.responsepaddingtopdiv
{
  padding-top: 0px !important;
}
.responsevideoheight
{
  height: 350px !important;
}

}


@media screen and (max-width: 1271px) 
{
  .responsearticlecenterbanner
  {
    width: auto !important;
    height: auto !important;
  }
}
@media screen and (max-width:950px)
{
.responsivebannerwidth
{
  width: 95px !important;
}
.singlesupplier-title
{
  font-size: 15px !important;
}
.singlesupplier-logodiv {
  width: 50.5%;
  border: 1px solid #E4E4E4;
  border-radius: 8px;
  text-align: center;
  align-content: center;
  background-color: white;
  margin-left: 9px;
}
.responsefontsize12
{
  font-size: 12px !important;
}
.responseverticalmargin
{
  margin-left: 5px !important;
}

}

@media screen and (min-width: 1200px)and (max-width: 1310px) {
  .responseverticalmargin
  {
    margin-left: 20px !important;
  }
  .responsebannerwidth
  {
    width: 190px !important;
  }
 
}


@media screen and (min-width: 526px)and (max-width: 770px) {
  .responsemobpopuppadding
  {
    padding: 15px 4% 14px 20% !important;
  }
}
@media screen and (min-width: 493px)and (max-width: 525px) {
  .responsemobpopuppadding
  {
    padding: 15px 4% 14px 15% !important;
  }
}

@media screen and (min-width: 481px)and (max-width: 520px) {
  .responsemobpopuppadding
  {
    padding: 15px 4% 14px 13% !important;
  }
}
@media screen and (max-width: 434px) {
  .responsepopupicon
  {
    top: -320px !important;
    right: -143px !important;
  }
}


@media screen and (min-width: 1200px)and (max-width: 1230px) {
  .stickyheadermenu {
    width: 900px !important;
    background-color: #005897;
    max-width: 1000px;
    margin: auto;
    border-radius: 10px;
}
.responsivebannerwidth {
  width: 125px !important;
}
}


@media screen and (max-width: 1197px) {
  .responsegridviewname
{
  width: 17% !important;
}
.responsegridlistview
{
  width: 42% !important;
}
.responsecategorydiv
{
  width: 41% !important;
}


}


@media screen and (min-width:1225px) and (max-width:1400px)
{
  .scrollable {
    height: 372px !important;
    overflow: scroll; /* Always show vertical scrollbar */
  }
 .responsesuppliericon
  {
   top: -23px !important;
    right: -28px !important;
  }
 
}


@media screen and (max-width:1200px)
{
  .scrollable {
    height: 272px !important;
    overflow: scroll; /* Always show vertical scrollbar */
  }
  .responsesuppliericon
  {
    top: -23px !important;
    right: -28px !important;
  }
  #leftmargin, #rightmargin {
    cursor: pointer;
    max-width: 125px;
}
}

@media screen and (max-width:950px)
{
  .scrollable {
    height: 230px !important;
    overflow: scroll;
}
  .responsesuppliericon
  {
    top: -23px !important;
    right: -28px !important;
  }
  .responsesupplierpop
  {
    width: 70% !important;
    left: 11% !important;
  }

}


@media screen and (max-width: 375px) {
  .responsesubscribepopup
  {
    height: 80%;/*550px !important;*/
    top: 5%!important;
  }
}

@media screen and (width: 540px) {
  .responsesubscribepopup
  {
    height: 80%;/*550px !important;*/
    top: 5%!important;
  }
}

.sidebannerwidth
{
  width: 100% !important;
  height: auto !important;
}


@media screen and (max-width: 1300px) and (min-width: 1000px) {
  .responseicon35
  {
    width: 40% !important;
  }
}

@media screen and (max-width:1300px)
{
  .responsetechnicalcontentwidth
{
  width: 95% !important;
}
}

@media (min-width: 600px) and (max-width: 1024px) {
  .highlightimagediv {
    
    margin-bottom: 15px !important;
   
  }
}


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

.paddingleft0px
{
padding-left: 0px !important;
}
.datepicketcalender
{
  width: 257px  !important;
  margin-left: -130px !important;
}

.singledatepickercalender
{
  width: 128px !important;
  margin-left: -15px !important;
}
@media (min-width: 450px) and (max-width: 550px) {
  .eventdateselect
{
  width: 264px !important;
  margin-left: -8px !important;
}

.eventdateselectsingle
{
  width: 118px !important;
  margin-left: 12px !important;
}
}

@media (min-width: 551px) and (max-width: 700px) {
  .eventdateselect
{
  width: 264px !important;
  margin-left: -5px !important;
}

.eventdateselectsingle
{
  width: 118px !important;
  margin-left: 14px !important;
}
}


@media (min-width: 701px) and (max-width: 800px) {
  .eventdateselect
{
  width: 264px !important;
  margin-left: -3px !important;
}

.eventdateselectsingle
{
  width: 118px !important;
  margin-left: 17px !important;
}
}

@media (min-width: 801px) and (max-width: 850px) {
  .eventdateselect
{
  width: 264px !important;
  margin-left: -3px !important;
}

.eventdateselectsingle
{
  width: 118px !important;
  margin-left: 21px !important;
}
}
@media (min-width: 851px) and (max-width: 950px) {
  .eventdateselect
{
  width: 334px !important;
  margin-left: -8px !important;
  margin-top: -15px;
}

.eventdateselectsingle
{
  width: 142px !important;
  margin-left: 21px !important;
}
}


.eventdateselect
{
  width: 264px;
  margin-left: -10px ;
}

.eventdateselectsingle
{
  width: 118px ;
  margin-left: 8px ;
}