@media screen and (min-width: 320px) and (max-width: 767px){
.stores-name ul{grid-template-columns: repeat(2,1fr);}
.refer-bonus h2{font-size: 20px;}
.bonus-price{font-size: 20px;}
button.btn{font-size: 14px;}
.refer-bonus h2{font-size: 22px;}
.bonus-price{font-size: 22px;}
.step-number{font-size: 22px;}
.title-2{font-size: 20px !important;}
.shop-items p{font-size: 14px;}
.navCategoryBlock{display: block;}
.subcategoryList{display: none;}
.mainBanner{height: 300px !important;}
.storeImg{height: 120px;}
.storeImg img{width: 120px !important;}
.nav.flex-column.brandButtons{flex-basis: 100%;}
#brand-tabContent.tab-content{margin-left: 0px;flex-basis: 100%;}
.footerCategoryList ul.nav{margin-bottom: 15px;}
.owl-carousel .owl-nav button.owl-prev{left: 2%;}
.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;
    }  
    .navbar .navbar-search-box{
        width: 120%;
    } 
} 
}

@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(3,1fr);}
.refer-bonus h2{font-size: 22px;}
.bonus-price{font-size: 22px;}
.step-number{font-size: 22px;}
.title-2{font-size: 24px !important;}
.step-title{font-size: 14px;}
.active-submenu li a{font-size: 14px !important;padding: 6px 6px 6px 23px !important;}
.shop-items p{font-size: 14px;}
.mainBanner{height: 300px !important;}
/*.card.generalCard{height: auto;}*/
.button, .brandButtons button.nav-link{padding: 5px 16px;font-size: 16px;}
#brand-tabContent.tab-content{margin-left: 0px;}
.footerNav li{margin-right: 6px;}
.footerNav li a, .footerCategoryList ul.nav a{font-size: 13px;}
.coupons-sec .nav-tabs .nav-link{padding: 8px 24px;}
.offers .offers-caption{font-size: 16px;}
.coupons-title{font-size: 16px;height: 45px;}
button.btn-code{padding: 6px 22px;}
}

@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: 1365px){
.refer-bonus h2{font-size: 26px;}
.bonus-price{font-size: 26px;}
.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;}
button.btn-code{padding: 6px 24px;}
.coupons-title{height: 42px;}
}

/*============================================= RESPONSIVE =====================================*/		
@media only screen and (max-width: 1490px){
.mainBanner .mainBannerContent {
width: 60%;
height: 450px;
}
}
@media only screen and (max-width: 1400px){
.navbar .navbar-brand {
margin-right: 0px;
}
.playstoreImgs img {
width: 110px;
}
.benefitCarousel{
padding-top: 50px;
}
.benefitContent{
margin: 0 2px;
}
.couponcard button.btn{
font-size: 0.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: 0.8rem;
}
.howItWorksSection .container{
left: 8%;
}
.claimingListSection{
padding-top: 100px;
}
/*.mainBanner {
height: 550px;
}*/
.mainBanner .mainBannerContent {
top: 16%;
left: 30px;
}

/*.videoSection video {
height: 320px;
}*/
.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 {
height: 500px;
}
.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){
/*.navbar .navbar-brand {
flex-basis: 17%;
}*/
.navigation .navbar .navbar-search-box {
flex-basis: 30%;
}
.navigation .navbar .collapse.navbar-collapse{
flex-basis: 50%;
}
.categoryBlock .card-body .subHeading {
font-size: 0.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: 0.9rem;
}
.shopCategoryBlock .shopCategoryImg {
height: 160px;
}
.shopCategoryTitleBlock h3 {
font-size: 0.8rem;
}
}
@media only screen and (max-width: 1070px){
.mainBanner {
height: 450px;
}
.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 0px;
}
.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: 0.7rem;
}
.row.row-reverse-style{
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 992px){
.hideInWeb{
display: block;
}
.hideInMobile,.cashbackSection:before{
display: none;
}
.headerSection{
height: 54px;
}
.navigation .navbar .navbar-search-box {
flex-basis: 50%;
}
.mainBanner {
padding: 0 40px;
}
.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%;
}
.categoryListInShop .item {
flex-basis: 31%;
}
.shopList_i {
width: 100%;
}
#footerAccordion.accordion{
border: 0;
border-radius: 0;
}
#footerAccordion .accordion-item{
background: transparent;
}
#footerAccordion .accordion-header{
background: transparent;
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: transparent;
}
#footerAccordion .accordion-header button.btn:focus{
text-decoration: none;
}
#footerAccordion .card,#footerAccordion .card .card-header{
background: transparent;
}
.detailBlock{
margin-bottom: 20px;
}
.shopCategoryTitleBlock h3{
font-size: 1rem;
}
.shopFilter{
box-shadow: none;
background: transparent;
}
#filterAccordion button{
color:#905ca6;
font-weight: bold;
}
#filterAccordion .form-check-label{
color: #4f429a;
}
.productDetailContent.webContent .subHeading {
font-size: 1.2rem;
}
/*.mainBanner {
height: 300px;
}
.mainBanner .bannerContent {
width: 90%;
padding: 30px 30px 0px;
}
.navbar .navbar-search-box{
flex-basis: 50%;
}
.internalBanner{
height: 200px;
}
.contactDetails li p{
margin-bottom: 5px;
}
.subCategoryListItems {
column-count: 2;
}
.dropdown-menu .dropdown-item i{
color: #4f429a;
margin-right: 10px;
}
.productDetails .card{
height: 300px;
}
.productDetails .card .webContent .subHeading.font-weight-bold {
font-size: 1.3em;
}*/
}
@media only screen and (max-width: 990px){
.categoryBlock .card-body .subHeading {
font-size: 1rem;
}
.mainBanner {
height: 400px;
}
.mainBanner .mainBannerContent .webContent .mainHeading {
font-size: 2rem;
}
.mainBanner .mainBannerContent{
padding:30px;
top: 3%;
left: 50px;
}
/*.mainBanner .bannerContent .webContent .subHeading {
font-size: 1.5rem;
}
footer, .bottomFooter {
padding: 30px;
}
.shopCategoryBlock .shopCategoryImg {
height: 180px;
}
.shopList_i {
width: 100%;
}
.shopList_i img{
width: 75% !important;
margin: 0 auto;
}*/
}
@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 .nav-link,.sideBar .btn{
    font-size: 1.1rem;
}
.sideBar .collapse .navbar-nav .nav-link{
    font-size: 0.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;
}
.itinerary-block{
    height: auto;
}
.itinerary-block .itinerary-caption .webContent .mainHeading{
    font-size: 1.4rem;
}
}
@media only screen and (max-width: 769px){
.headerSection {
height:54px;
}
/*.navbar .navbar-brand .logo {
    width: 150px;
}*/
.mainBanner{
height: auto;
/*background: url(../img/mainBannerInMobile.jpg);*/
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;
}
.itemgoldlist img {
width:50px;
}
.itemgoldlist ul{
flex-wrap: wrap;
}
.itemgoldlist li{
flex-basis: 50%;
}
.categoryListInShop .item {
flex-basis: 31%;
}
.categoryList h3 {
font-size: 0.8rem;
}
.cashbackSection .webContent{
text-align: center;
}
.mainBanner .mainBannerContent .webContent .subHeading{
	display: none;
}
.contactFormSection .progressbar-dots span {
    font-size: 14px;
    line-height: 16px;
    }
    .webContent .mainHeading {
    font-size: 1.7rem;
}
}
@media only screen and (max-width: 650px){
/*.mainBanner {
height: 270px;
}*/
.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;
}
.navbar .navbar-brand .logo {
width: 150px;
}
.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;
    }
.mainBanner .bannerContent .webContent .subHeading,.internalBanner .webContent .mainHeading {
font-size: 24px;
}
.paddingDiv{
padding: 20px;
}
.categoryListDropdown{
width: auto;
}
.categoryBlock .card-body .subHeading {
font-size: 1.2rem;
}
.socialMedia ul li {
margin: 5px 20px 0 0;
}
.socialMedia i{
font-size: 20px;
}
.productDetails .card .webContent .mainHeading,.productDetails .card .card-body h3.subHeading.font-weight-bold{
font-size: 1.2rem;
}
.contactFormSection .progressbar-dots span {
width: 125px;
}
.itemgoldlist img {
width:40px;
}
}
@media only screen and (max-width: 480px){
/*.navbar .navbar-brand .logo {
    width: 120px;
}
.mainBanner {
    height: 190px;
}*/
.mainBanner .mainBannerContent {
    padding: 0px;
    }
    .mainBanner .mainBannerContent .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;
}
.productDetailContent.webContent .mainHeading {
font-size: 1.2rem;
}
}
@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;
}
.itinerary-block .itinerary-caption .webContent .mainHeading{
    font-size: 1.2rem;
}
}
@media only screen and (max-width: 415px){
/*	.mainBanner {
    height: 180px;
}*/
.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 {
    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;
}
.itemgoldlist li {
    flex-basis: 100%;
}
.stores-name ul {
    grid-template-columns: repeat(1,1fr);
}
}