@media only screen and (max-width: 1400px) { 
   .topHeader .searchHeader .leftContent li a {
      font-size: 13px;
  }
  .topHeader .userDiv .float-end a {
   font-size: 14px;
   padding: 10px 12px;
}
}

@media only screen and (max-width: 1200px) { 
   .topHeader .searchHeader .leftContent li a span img.cat {
      width: 15px;
      margin-right: 4px;
      margin-top: -2px;
  }
   .topHeader .searchHeader .leftContent li a span img.ord {
      width: 25px;
      margin-right: 2px;
      margin-top: -2px;
   }
   .topHeader .searchHeader .leftContent li a span img.ref {
      width: 15px;
      margin-right: 4px;
      margin-top: -2px;
  }
  .whatsImage {
   width: 10%;
    margin-right: 6px;
    margin-top: 20px;
}
.whatsImage img{
   width: 100%;
}
  .rightContent {
   width: 88%;
   margin-top: 30px;
}
.topHeader .searchHeader .leftContent li{
   width: 32%;
}
.topHeader .searchHeader .leftContent li a{
   font-size: 14px;
}
.topHeader .userDiv .float-start a {
   font-size: 13px;
}
.topHeader .userDiv .float-end a {
   font-size: 12px;
   padding: 6px 6px;
}
.topHeader .userDiv .user_icon{
   width: 15px;
 }
 .topHeader .userDiv .download_app{
   width: 13px;
 }
 .settingList .settingButton ul li {
   display: inline-block;
   width: 23%;
   margin-right: 8px;
}
.settingList .settingButton ul li a{
   font-size: 16px;
}
.settingList .settingButton ul li a span {
   margin-top: -11px;
}
}
@media only screen and (max-width: 992px) { 
   .popBrand .brandAll .brands ul li {
       width: 22%;
   }
   .popBrandShop .brandAll .brands ul li {width: 22%;}
   .whatsImage {
      width: 15%;
      margin-right: 6px;
      margin-top: unset;
  }
  .whatsImage img {
   width: unset;
}
  .rightContent {
   width: 80%;
   margin-top: 30px;
}
.settingList .settingButton ul li {
   display: inline-block;
   width: 46%;
   margin-right: 10px;
   margin-bottom: 15px;
}
.categoryList .categoryButton ul li {
   display: inline-block;
   width: 32%;
   margin-right: 5px;
}
.categoryList .categoryButton ul li a {
   padding: 10px 15px;
   font-size: 18px;
}
.myorderHearder.profile .orderTitle {
   width: 40%;
}
.myorderHearder.profile .logout {
   width: 48%;
}
.profileFooter {
   position: unset;
}
}

@media only screen and (max-width: 767px){ 
   .topHeader .searchHeader .leftContent li {width: 32%;}
   .popBrand .brandAll .brands ul li {width: 200px;height: 200px;}
   .howitWork a {font-size: 20px;width: 70%;}
   .alllookingBrand .brandAll .brands ul li {width: 140px; margin-right: 20px; height: 100px;}
   .howitWork.discountitup a {width: 70%;}
   .foodies h2 {font-size: 30px;}
   .howitWork.discountitup h4 {font-size: 40px;}
   .howitWork.discountitup p {font-size: 20px;}
   .popBrandShop .brandAll .brands ul li {width: 130px;height: 130px;margin-right: 30px;margin-bottom: 30px;padding: 15px 15px; }
   .popBrandShop .brandAll .brands ul li p {font-size: 14px;margin: 50px 0px 0px;}
   .howitWork.discountitup a {width: 70%;}
   .howitWork.discountitup h4 {font-size: 40px;}
   .howitWork.discountitup p {font-size: 20px;}
   .topBrandBanner .card {margin-bottom: 30px;margin-right: 0px;}
   .topBrandBanner2 {padding: 30px 30px 20px }
   .topBrandBanner .card-body {padding: 0rem 0rem;}
   .topBrandBanner2 .card {margin-bottom: 30px;margin-right: 0px;  }
   .howitWork.shop a{width: 80%;}
   .ecploreCategory .brandAll .brands .card {text-align: center;padding: 10px;}
   .ecploreCategory .brandAll .brands .card .card-body {padding: 0rem 0rem;}
   .serachAIU #searchQuerySubmit{right: 75px;}
   .topHeader.aiHeader .whatsImage {width: 25%;}
   .topHeader.aiHeader .col-sm-6.col-xs-6.profile{width: 25%;}
    .topHeader.aiHeader .whatsImage {width: 50%;}
    .topHeader.aiHeader .aiMenu ul li {display: inline-block;margin-right: 10px;position: relative;}
    .AkeywordAI a{margin-bottom: 15px;margin-right: 10px;font-size: 14px;}
    .topHeader.aiHeader .col-sm-6.col-xs-6.order{width: 75%;}
    .desktopHeader{display: none;}
    .responsiveHeader{display: block;}
    .topHeader.aiHeader .col-sm-6.col-xs-6.profile{width: 25%;}
    .topHeader.aiHeader .whatsImage {width: 50%;}
    .topHeader.aiHeader .col-sm-6.col-xs-6.order{width: 75%;}
    .navbar-dark .navbar-brand {
      color: #fff;
      position: absolute;
      left: 55px;
      top: -20px;
      
  }
  .detopHeader{
   position: absolute;
    top: 0px;
    right: 0;
    right: 0;
    width: 55%;
  }
  .navbar-light.bg-lignt .navbar-brand{
   color: #fff;
      position: absolute;
      left: 45px;
      margin-left: 20px;
      top: -20px;
  }
  .topHeader .searchHeader .leftContent .navbar-light.bg-lignt ul.navbar-nav {margin-top: 6px;}
  .topHeader .searchHeader .leftContent .navbar-dark ul.navbar-nav {background-color: #000000;margin-top: 6px;}
  .myorderHearder .orderTitle {width: 90%;}
  .settingList .settingButton ul li {
   display: inline-block;
   width: 46%;
   margin-right: 10px;
   margin-bottom: 15px;
}
.categoryList .categoryButton ul li {
   display: inline-block;
   width: 100%;
   margin-right: 0;
   margin-bottom: 20px;
}
.myorderHearder.profile .orderTitle {
   width: 40%;
}
.myorderHearder.profile .logout {
   width: 48%;
}
.profileFooter {
   position: unset;
}
}

 @media only screen and (max-width: 575px){ 
    .rightContent {margin-top: 30px;}
    .topHeader .searchHeader .leftContent li a{font-size: 14px;}
    .popBrand .brandAll .brands ul li {width: 22%;}
  
    .popBrand .brandAll .brands ul li p {font-size: 16px;}
    .howitWork a{width: 60%;}
    .alllookingBrand .brandAll .brands ul li {display: inline-block; width: 140px; margin-right: 0px; height: 100px;}
    .howitWork.discountitup a {width: 70%;}
    .howitWork.discountitup h4 {font-size: 34px;}
    .howitWork.discountitup p {font-size: 18px;}
    .topHeader .searchHeader .leftContent li {width: 100%;}
    .topHeader .searchHeader .leftContent li a{font-size: 16px;}
    .topHeader .searchHeader .leftContent li a span img.cat {width: 20px;margin-right: 10px;margin-top: -2px;}
    .topHeader .searchHeader .leftContent li a span img.ord {width: 35px;margin-right: 4px;margin-top: -2px;margin-left: -6px;}
    .topHeader .searchHeader .leftContent li a span img.ref {width: 20px;margin-right: 10px;margin-top: 0px;}
    .topHeader .searchHeader .leftContent .container-fluid{padding-left: 0;padding-right: 0;}
    .topHeader .searchHeader .leftContent ul.navbar-nav {list-style: none;padding: 10px 25px 25px;margin: 0;background-color: #f5f5f5;}
    .topHeader .searchHeader .leftContent .navbar-brand img{margin-top: 8px;width: 70%;vertical-align: middle;}
    .topHeader .userDiv.hello {margin-top: 10px;}
    .topHeader .userDiv.hello .user_icon {width: 20px;margin-right: 10px;margin-top: -2px;}
    .topHeader .userDiv.hello a {text-decoration: none;font-size: 16px;font-weight: 400;color: #28A2A4!important;}
    .topHeader .userDiv.download{margin-top: 25px;}
    .searchBar {margin-top: 10px;}
    .topHeader .searchHeader .leftContent ul .dropdown .dropdown-menu{margin-left: 25px;}
    .topHeader .searchHeader .leftContent ul .dropdown .dropdown-menu a{color: #000 !important;}
    .topHeader .userDiv.download a {font-size: 16px;background-color: #28A2A4;border-radius: 4px;padding: 10px 20px;text-decoration: none;color: #fff!important;}
    .popBrand .brandAll .brands ul li {width: 200px;height: 200px;}
    .popBrand .brandAll .brands ul li p{font-size: 20px;margin: 6px 0px 8px;}
    .howitWork a {font-size: 20px;width: 60%;}
    .alllookingBrand .brandAll .brands ul li {width: 140px; margin-right: 0px; height: 100px;}
    .foodies h2 {font-size: 28px;}
    .cashback_div .brandAll .brands .col-sm-6.col-xs-6{width:48%;}
    .cashback_div .card .card-body {padding: 1rem 1rem 2rem;}
    .cashback_div .card .card-text {font-size: 13px;}
    .cashback_div .card .card-link2 {width: 100%;}
    .popBrandShop .brandAll .brands ul li {width: 22%;}
    .popBrandShop .brandAll .brands ul li img {padding: 40px 30px;}
    .popBrandShop .brandAll .brands ul li p {font-size: 16px;}
    .howitWork.discountitup a {width: 70%;}
    .howitWork.discountitup h4 {font-size: 34px;}
    .howitWork.discountitup p {font-size: 18px;}
    .popBrandShop .brandAll .brands ul li {width: 200px;height: 200px;}
    .popBrandShop .brandAll .brands ul li p{font-size: 20px;margin: 6px 0px 8px;}
    .howitWork.viewAll a {width: 85%;padding: 10px 20px;font-size: 18px;}
    .desktopHeader.AI{display: block;}
    
    .topHeader.aiHeader .aiMenu ul li {display: inline-block;margin-right: 10px;position: relative;}
    .AkeywordAI a{width: 100%;display: block;margin-bottom: 15px;margin-right: 0px;}
   
  .serachAIU {
   width: 100%;
   margin: 0 auto;
}
.AkeywordAI {
   display: block;
   width: 100%;
   margin: 80px auto 40px;
}
.myorderHearder .backButton {
   width: 10%;
}
.myorderHearder .orderTitle {
   width: 85%;
}
.settingList .settingButton ul li {
   display: inline-block;
   width: 100%;
   margin-right: 0px;
   margin-bottom: 20px;
}
.myorderHearder.profile .orderTitle {
   width: 40%;
}
.myorderHearder.profile .logout {
   width: 48%;
}
.profileFooter {
   position: unset;
}
 }


 @media only screen and (max-width: 480px)  { 
   .whatsImage {width: 15%;margin-right: 6px;}
   .whatsImage img{width: unset;}
   .rightContent {width: 100%;margin-top: 0px;}
   .howitWork a{width: 90%;font-size: 18px;}
   .off_new .offcontent{width: 100%;}
   .popBrand .brandAll .brands ul li{width: 160px;height: 160px;}
   .alllookingBrand .brandAll .brands ul li {width: 140px; margin-right: 0px; height: 100px;}
   .howitWork.discountitup a { width: 100%;}
   .howitWork.discountitup h4 {font-size: 30px;}
   .howitWork.discountitup p { font-size: 16px;}
   .foodies h2 {font-size: 20px;}
   .popBrand .brandAll .brands ul li p {font-size: 18px;margin: 4px 0px 0px;}
   .lookingBrand h2 {margin-bottom: 20px;font-size: 22px;}
   .popBrandShop .brandAll .brands ul li{width: 160px;height: 160px;}
   .popBrandShop .brandAll .brands ul li img {padding: 15px 15px;}
   .howitWork.discountitup a { width: 100%;}
   .howitWork.discountitup h4 {font-size: 30px;}
   .howitWork.discountitup p { font-size: 16px;}
   .howitWork.viewAll a{width: 65%;}
   .popBrandShop .brandAll .brands ul li p {font-size: 18px;margin: 50px 0px 0px;}
   .topHeader.aiHeader .col-sm-6.col-xs-6.profile{width: 100%;text-align: center;}
   .topHeader.aiHeader .rightContent h6 {margin-left: 10px;}
    .topHeader.aiHeader .col-sm-6.col-xs-6.order{width: 100%;}
    .topHeader.aiHeader .whatsImage {width: 20%;}
    .topHeader.aiHeader .aiMenu {margin-top: 60px;text-align: center;}
    .topHeader.aiHeader .aiMenu.saved {right: 25px;top: -100px;}
    .topHeader.aiHeader .aiMenu ul li {margin-right: 3px;}
    .cashback_div.giftcards .card .card-text {font-size: 13px;}
    .cashback_div.localstores .card .card-text {font-size: 13px;}
    .myorderHearder .orderTitle h4 {font-size: 20px;
    margin-top: 12px;}
    .myorderHearder.profile .orderTitle p {font-size: 15px; }
    .myorderHearder .backButton a {font-size: 18px;}
    .myorderHearder.profile .logout a {font-size: 18px;}
    .myorderHearder.profile .logout .editProfile {font-size: 13px;padding: 8px 10px;text-decoration: none;margin-right: 8px;}
 }