@media screen and (min-width:320px) and (max-width:767px) {
  .stores-name ul {
    grid-template-columns: repeat(2, 1fr)
  }
  .shop-items p, button.btn {
    font-size: 14px
  }
  .bonus-price, .refer-bonus h2, .step-number {
    font-size: 22px
  }
  .title-2 {
    font-size: 20px !important
  }
  .mainBanner {
    height: auto
  }
  .storeImg {
    height: 120px
  }
  .storeImg img {
    width: 120px !important
  }
  .nav.flex-column.brandButtons {
    flex-basis: 100%
  }
  #brand-tabContent.tab-content {
    margin-left: 0;
    flex-basis: 100%
  }
  .footerCategoryList ul.nav {
    margin-bottom: 15px
  }
.owl-carousel .owl-nav button.owl-prev {
left:-68px
}
.owl-carousel .owl-nav button.owl-next {
right: 13px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { 
width: 25px;
height: 30px;
top: 41px;
}

    
  .popular-store .owl-carousel .owl-nav button.owl-prev {
    left: -3%
  }
  .popular-store .owl-carousel .owl-nav button.owl-next {
    right: -3%
  }
  .owl-carousel .owl-nav button.owl-next {
    right: 2%
  }
  .card.generalCard {
    height: auto
  }
  .btn-subscribe {
    width: 100%
  }
  .blogSection .blogCard.blogCardLarge {
    height: 250px
  }
  .footerCategoryblock {
    background-image: none
  }
  .coupons-sec .nav-tabs .nav-link {
    font-weight: 600;
    padding: 8px 14px
  }
  .navCategoryBlock {
    display: block
  }
  .subcategoryList {
    display: none
  }
  .categories-name ul {
    grid-template-columns: repeat(1, 1fr) !important
  }
  .stores-name ul {
    grid-template-columns: repeat(1, 1fr)
  }
}
@media screen and (min-width:320px) and (max-width:991px) {
  .merchants-nav {
    display: none
  }
  .exclusiveOffers img, .latestOffers img {
    margin: 0 auto 10px;
  }
  .generalContent {
    text-align: center;
  }
  .navbar-search-box{width: 100%}
}
@media screen and (min-width:768px) and (max-width:1023px) {
  .owl-carousel .owl-nav button.owl-prev {
    left: -1%
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -1%
  }
  .stores-name ul {
    grid-template-columns: repeat(2, 1fr)
  }
  .bonus-price, .refer-bonus h2, .step-number {
    font-size: 22px
  }
  .title-2 {
    font-size: 24px !important
  }
  .shop-items p, .step-title {
    font-size: 14px
  }
  .coupons-title, .offers .offers-caption {
    font-size: 16px
  }
  .active-submenu li a {
    font-size: 14px !important;
    padding: 6px 6px 6px 23px !important
  }
  .mainBanner {
    height: auto
  }
  .brandButtons button.nav-link, .button {
    padding: 5px 16px;
    font-size: 16px
  }
  #brand-tabContent.tab-content {
    margin-left: 0
  }
  .footerNav li {
    margin-right: 6px
  }
  .footerCategoryList ul.nav a, .footerNav li a {
    font-size: 13px
  }
  .coupons-sec .nav-tabs .nav-link {
    padding: 8px 24px
  }
  .coupons-title {
    height: 45px
  }
  button.btn-code {
    padding: 6px 22px
  }
  .owl-carousel .owl-nav button.owl-prev {
	left:-68px
	}
	.owl-carousel .owl-nav button.owl-next {
	right: 13px;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	width: 25px;
	height: 30px;
	top: 41px;
	}
}
@media screen and (min-width:992px) and (max-width:1200px) {
  .navigation .navbar-collapse .nav-item {
    padding: 0 12px
  }
  .navigation .navbar-collapse .nav-item .nav-link, .sideBar .nav-link {
    font-size: 15px
  }
}
/*@media screen and (min-width:1024px) and (max-width:1366px) {
	.see-text{display: none;}
}*/
@media screen and (min-width:1024px) and (max-width:1365px) {
  .bonus-price, .refer-bonus h2, .step-number {
    font-size: 26px
  }
  .title-2 {
    font-size: 26px !important
  }
  .step-title {
    font-size: 14px
  }
  .active-submenu li a {
    font-size: 14px !important;
    padding: 6px 6px 6px 23px !important
  }
  .offers .offers-caption {
    font-size: 17px
  }
  .coupons-title {
    font-size: 16px;
    margin-bottom: 6px;
    height: 42px
  }
  button.btn-code {
    padding: 6px 24px
  }
  .navbar .navbar-search-box {
    width: 270px
  }
  header .navbar-collapse .nav-item {
    padding: 0 8px
  }
  .sideBar .nav-link, header .navbar-collapse .nav-item .nav-link {
    font-size: 15px
  }
}
@media only screen and (max-width:1490px) {
  .mainBanner .mainBannerContent {
    width: 60%;
    height: 450px
  }
}
@media only screen and (max-width:1400px) {
  .playstoreImgs img {
    width: 110px
  }
  .benefitCarousel {
    padding-top: 50px
  }
  .benefitContent {
    margin: 0 2px
  }
  .couponcard button.btn {
    font-size: .8rem
  }
}
@media only screen and (max-width:1367px) {
  .productDetails .card .webContent .subHeading.font-weight-bold {
    font-size: 1.1em
  }
  .categoryList .list-group .list-group-item a {
    font-size: .8rem
  }
  .howItWorksSection .container {
    left: 8%
  }
  .claimingListSection {
    padding-top: 100px
  }
  .mainBanner .mainBannerContent {
    top: 16%;
    left: 30px
  }
  .videoSection .embed-responsive:before {
    width: 80%
  }
}
@media only screen and (max-width:1279px) {
  * {
    font-size: 14px
  }
  .productDetails .card {
    height: 330px
  }
  .navbar-nav.justify-content-end .nav-item .btn.btn-purple {
    padding: 10px 20px
  }
  .card.couponcard {
    height: 350px
  }
  .card.couponcard.rewardcard {
    height: auto
  }
  .card.couponcard .card-body .webContent p {
    height: 50px
  }
}
@media only screen and (max-width:1250px) {
  .card.couponcard .card-body small {
    font-size: 1rem
  }
}
@media only screen and (max-width:1200px) {
  .playstoreImgs img {
    width: 90px
  }
}
@media only screen and (max-width:1198px) {
  .productDetails .card .webContent .mainHeading {
    font-size: 1rem
  }
  .mainBanner .mainBannerContent {
    top: 10%;
    left: 10px
  }
  .merchantLogoSection .merchantLogo .dashedBorder {
    padding: 60px 40px
  }
  .videoSection .embed-responsive:before {
    width: 100%
  }
  .categoryListInShop .item {
    margin-right: 7px
  }
  .categoryList {
    padding: 10px
  }
  .categoryListInShop img {
    width: 40px
  }
}
@media only screen and (max-width:1140px) {
  .navigation .navbar .navbar-search-box {
    flex-basis: 30%
  }
  .navigation .navbar .collapse.navbar-collapse {
    flex-basis: 50%
  }
  .categoryBlock .card-body .subHeading {
    font-size: .85rem
  }
  .webContent .subHeading {
    font-size: 1.1rem
  }
  .mainBanner {
    padding: 0 100px
  }
  .card.placeBlock {
    height: 220px
  }
  .footerLogo {
    width: 150px
  }
  .navbar-nav.justify-content-end .nav-item .btn.btn-purple {
    padding: 5px 20px;
    font-size: .9rem
  }
  .shopCategoryBlock .shopCategoryImg {
    height: 160px
  }
  .shopCategoryTitleBlock h3 {
    font-size: .8rem
  }
}
@media only screen and (max-width:1070px) {
  .mainBanner .mainBannerContent {
    top: 10%;
    left: 40px;
    padding: 50px 70px
  }
  .mainBanner .mainBannerContent .webContent .mainHeading {
    font-size: 2.1rem
  }
}
@media only screen and (max-width:1024px) {
  .paddingDiv {
    padding: 30px 0
  }
  .productDetails .card .webContent .subHeading {
    font-size: 1rem
  }
  .productDetails .card {
    height: 340px
  }
  .shopCategoryBlock {
    margin-bottom: 50px
  }
  .navbar-nav.justify-content-end .nav-item .btn.btn-purple {
    font-size: .7rem
  }
  .row.row-reverse-style {
    flex-direction: column-reverse
  }
}
@media only screen and (max-width:992px) {
  .hideInWeb {
    display: block
  }
  .cashbackSection:before, .hideInMobile {
    display: none
  }
  .headerSection {
    height: 54px
  }
  .navigation .navbar .navbar-search-box {
    flex-basis: 50%
  }
  .mainBanner {
    padding: 0
  }
  .mainBanner .bannerContent .form-row {
    padding: 10px 15px
  }
  .subscriptionDiv .webContent {
    text-align: center
  }
  .playstoreImgs img {
    width: initial
  }
  .videoSection video {
    height: 360px
  }
  .mainBanner .mainBannerContent {
    width: 55%
  }
  .benefitContent {
    height: 320px
  }
  .merchantLogoSection .merchantLogo .dashedBorder {
    padding: 60px 20px
  }
  .merchantLogoSection .merchantLogo {
    flex-basis: 100%
  }
  .merchantLogocarousel .merchantLogo img {
    width: 60% !important;
    margin: 0 auto
  }
  .cashbackSection .webContent {
    padding-right: 0
  }
  .subCategoryListItems {
    column-count: 2
  }
  .itemgoldlist img {
    width: 30px
  }
  .categoryListInShop .item {
    flex-basis: 32%;
    flex-basis: 31%
  }
  .shopList_i {
    width: 100%
  }
  #footerAccordion.accordion {
    border: 0;
    border-radius: 0
  }
  #footerAccordion .accordion-item, #footerAccordion .card, #footerAccordion .card .card-header {
    background: 0 0
  }
  #footerAccordion .accordion-header {
    background: 0 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
  }
  #footerAccordion .accordion-header button.btn {
    color: #eeba1d;
    font-size: 1.3rem;
    padding: 0 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-decoration: none;
    box-shadow: none;
    border-radius: 0;
    background: 0 0
  }
  #footerAccordion .accordion-header button.btn:focus {
    text-decoration: none
  }
  .detailBlock {
    margin-bottom: 20px
  }
  .shopCategoryTitleBlock h3 {
    font-size: 1rem
  }
  .shopFilter {
    box-shadow: none;
    background: 0 0
  }
  #filterAccordion button {
    color: #905ca6;
    font-weight: 700
  }
  #filterAccordion .form-check-label {
    color: #4f429a
  }
  .productDetailContent.webContent .subHeading {
    font-size: 1.2rem
  }
  .seasonalSavingSection .categoryCard.card .categoryBrandsList {
    width: 100% !important
  }
}
@media only screen and (max-width:990px) {
  .categoryBlock .card-body .subHeading {
    font-size: 1rem
  }
  .mainBanner {
    height: auto
  }
  .mainBanner .mainBannerContent .webContent .mainHeading {
    font-size: 2rem
  }
  .mainBanner .mainBannerContent {
    padding: 30px;
    top: 3%;
    left: 50px
  }
}
@media only screen and (max-width:900px) {
  .videoSection .embed-responsive:before {
    right: -40px;
    top: 0
  }
}
@media only screen and (max-width:850px) {
  .mainBanner .mainBannerContent {
    width: 60%
  }
  .sideBar .btn, .sideBar .nav-link {
    font-size: 1.1rem
  }
  .sideBar .collapse .navbar-nav .nav-link {
    font-size: .9rem
  }
  .widthFit {
    width: fit-content
  }
}
@media only screen and (max-width:800px) {
  .mainBanner .mainBannerContent {
    width: 65%
  }
  .mainBanner .mainBannerContent .webContent .mainHeading {
    font-size: 1.5rem
  }
  .productDetails .card {
    height: 300px
  }
}
@media only screen and (max-width:769px) {
  .headerSection {
    height: 54px
  }
  .mainBanner {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .mainBanner .mainBannerContent {
    position: initial;
    height: auto;
    width: 100%;
    top: initial
  }
  .benefitContent {
    height: 240px
  }
  .videoSection .embed-responsive, .videoSection .embed-responsive video {
    margin-top: 0
  }
  .videoSection video {
    height: auto
  }
  .videoSection .embed-responsive:before {
    height: 80%;
    top: -30px
  }
  .merchantSection .merchantLogo {
    height: 120px
  }
  .contactFormSection .progressbar-dots span {
    width: 150px;
    font-size: 14px;
    line-height: 16px
  }
  .itemgoldlist img {
    width: 50px
  }
  .itemgoldlist ul {
    flex-wrap: wrap
  }
  .itemgoldlist li {
    flex-basis: 50%
  }
  .categoryListInShop .item {
    flex-basis: 31%
  }
  .categoryList h3 {
    font-size: .8rem
  }
  .cashbackSection .webContent {
    text-align: center
  }
  .mainBanner .mainBannerContent .webContent .subHeading {
    display: none
  }
  .webContent .mainHeading {
    font-size: 1.7rem
  }
}
@media only screen and (max-width:650px) {
  .mainBanner .mainBannerContent .webContent {
    margin-top: 20px
  }
  .videoSection video {
    height: auto
  }
  .videoSection .embed-responsive:before {
    display: none
  }
  .rewardDetailSection .rewardImg {
    float: none;
    display: block
  }
  .categoryListInShop {
    padding-left: 15px
  }
  .categoryListInShop .item {
    flex-basis: 48%
  }
}
@media only screen and (max-width:551px) {
  * {
    font-size: 15px
  }
  .benefitContent {
    height: 220px
  }
  .mainBanner .mainBannerContent .webContent {
    margin-top: 30px
  }
  .merchantLogocarousel .merchantLogo img {
    width: 40% !important
  }
  .navbar .navbar-search-box {
    flex-basis: 60%
  }
  .benefitContent .webContent .mainHeading {
    font-size: 1.5rem
  }
  .contactFormSection .progressbar-dots span {
    padding: 10px;
    font-size: 13px;
    width: 125px
  }
  .internalBanner .webContent .mainHeading, .mainBanner .bannerContent .webContent .subHeading {
    font-size: 24px
  }
  .paddingDiv {
    padding: 20px
  }
  .categoryListDropdown {
    width: auto
  }
  .categoryBlock .card-body .subHeading, .productDetails .card .card-body h3.subHeading.font-weight-bold, .productDetails .card .webContent .mainHeading {
    font-size: 1.2rem
  }
  .socialMedia ul li {
    margin: 5px 20px 0 0
  }
  .socialMedia i {
    font-size: 20px
  }
  .itemgoldlist img {
    width: 40px
  }
}
@media only screen and (max-width:480px) {
  .mainBanner .mainBannerContent {
    padding: 0
  }
  .mainBanner .mainBannerContent .webContent .mainHeading, .productDetailContent.webContent .mainHeading {
    font-size: 1.2rem
  }
  .benefitContent.benefitContent1, .benefitContent.benefitContent3 {
    padding-left: 150px
  }
  .benefitContent.benefitContent2 {
    padding-right: 120px
  }
  .webContent .mainHeading {
    font-size: 1.6rem
  }
  .webContent .subHeading {
    font-size: 1rem
  }
  .internalBanner .webContent .mainHeading {
    font-size: 22px
  }
  .contactFormSection .progressbar-dots {
    margin-right: 130px
  }
  .hideInWeb.filterDetails .webContent .line {
    width: 70px
  }
  .productDetails .card {
    height: 350px
  }
}
@media only screen and (max-width:451px) {
  .menuButton i {
    font-size: 1.2rem
  }
  .subCategoryListItems {
    column-count: 1
  }
  .contactFormSection .progressbar-dots span {
    width: 100px;
    font-size: 11px
  }
  .contactFormSection .line {
    width: 250px
  }
  .contactFormSection .progressbar-dots {
    margin-right: 100px
  }
}
@media only screen and (max-width:415px) {
  .benefitContent .webContent .mainHeading {
    font-size: 1.3rem
  }
  .benefitContent {
    height: 165px
  }
  .benefitContent.benefitContent1, .benefitContent.benefitContent3 {
    padding-left: 100px
  }
  .benefitContent.benefitContent2 {
    padding-right: 100px
  }
  .internalBanner .webContent .mainHeading {
    font-size: 1.2rem
  }
  .categoryListInShop .item, .itemgoldlist li {
    flex-basis: 100%
  }
  .webContent .mainHeading {
    font-size: 1.4rem
  }
  .contactIcon {
    width: 35px;
    height: 35px;
    line-height: 35px
  }
  .contactLeftSide .row {
    align-items: center
  }
  .productDetailImg {
    height: 300px
  }
  .paddingDiv {
    padding: 20px 15px
  }
}
@media only screen and (max-width:376px) {
  .benefitContent .webContent .mainHeading, .webContent .mainHeading {
    font-size: 1.2rem
  }
  .benefitContent .webContent p {
    font-size: .8rem
  }
  .benefitContent {
    height: 145px
  }
  .categoryCarousel.owl-carousel img, .merchantLogocarousel .merchantLogo img {
    width: 100% !important
  }
  .internalBanner {
    height: 120px
  }
  .productDetailImg {
    height: 250px
  }
  .multiTabs.nav-pills .nav-link.active, .multiTabs.nav-pills .show > .nav-link {
    padding: .5rem 1rem
  }
}
@media only screen and (max-width:360px) {
  .benefitContent {
    height: 120px;
    padding: 20px
  }
  .benefitContent .webContent .mainHeading {
    font-size: 1rem
  }
  .benefitContent .webContent p, .tabingStyle.nav-pills .nav-link {
    font-size: .7rem
  }
  .benefitContent.benefitContent1, .benefitContent.benefitContent3 {
    padding-left: 80px
  }
  .benefitContent.benefitContent2 {
    padding-right: 80px
  }
  .scissorsIconDiv img.scissorsIcon {
    position: absolute;
    width: 30px;
    top: -15px
  }
}
@media only screen and (max-width:320px) {
  * {
    font-size: 14px
  }
  #productDetailTabs.nav-pills .nav-link {
    font-size: .8rem
  }
  .navbar .navbar-brand .logo {
    width: 100px
  }
  .navbar .navbar-search-box {
    flex-basis: 50%
  }
}