@media only screen and (min-width: 768px) {
	.offrcontent .btns{ margin-left: 0; }
	.offrcontent .offrimg{ text-align: left; display: block;     padding: 30px 30px 0px;  width: auto; max-width: 250px;}
	.item_parent .circle{ left: 10%; }
	.item_parent .slippers{ left: 24%; }
	.item_parent .cone{ right: 15%; }
	.item_parent .dots{ right: 25%; }
	.item_parent .small_wave{ top: -5%; left: 45%; }
}
@media only screen and (max-width: 1400px) {

.bannerSec .floatImg{ width: 30% }
}
@media only screen and (min-width: 1600px) {

 }

/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){
/*#topbanner img{ width:350px;}*/
/*.ftgif{width: 30% !important;top: 70px;left: 100px;}*/
	#cat_carousel #top_offers .owl-item .validty p{ font-size: 9px}
	#cat_carousel #top_offers .offrbox .offcalout { font-size: 14px}
	#cat_carousel #top_offer_box .owl-item .validty p{ font-size: 9px}
	#cat_carousel #top_offer_box .offrbox .offcalout { font-size: 14px}
	.offer_box .button_group .bluebtn{ width: auto; padding: 5px; font-size: 0.8rem}
	.bodyheight .offer_box h3{ font-size:16px;}
	.bodyheight .offer_box h3 span{ font-size:15px;}
	.otherpg .retail_cards h5 { font-size:19px}
	.category_list .offrbox{ min-height:365px; }

.bodybg{background:  url(../resources/images/bgback.jpg) repeat-x left top #fff713;}
/*.bodybgDesktop{  background: url(../resources/images/bgback.jpg) no-repeat #fff613; background-size: 100% auto;}*/
.f21banner{ width: 100%; position: absolute; margin: 0; padding: 0; height:auto }
.boxbannerinfo{ height: 760px; position: relative; z-index: 100; text-align: center;  }
.boxbannerinfo{ height: auto; margin:0; padding-top: 0px; }
.boxbannerinfo > div > img{ width: 350px }
.borderwrap .showD img{ width: 70% }

.hideP{ display: none; }
.showP{ display: block; }

.exheight{ height: auto }
.borderwrap{ background-size: 100% auto }
.smallS{ display:block}
.largeS{ display:none}

.bannerSec .floatImg{}
/*.bannerSec .left0{ left: -150px }
.bannerSec .right0{ right: -150px }*/

.load_list .loan_item{ margin-bottom: 20px; }
.load_list{ margin-bottom: 0px; }
#explore_offers .item{ margin-top: 0px }
/*#loanlist{ margin-bottom: 30px; }*/
.item_parent{ padding-top: 0px }

.bannerSec .floatImg{ width: 30% }
} 



@media (min-width: 580px) and (max-width: 768px){
	#explore_offers .item{min-height: 150px !important;}
}

@media (min-width: 370px) and (max-width: 500px){
	.offrbox.pfbox > .brndimg{margin-bottom: -15%;}
}

/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){


}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){

}

@media (min-width: 768px) {

	.businessbx .busiImg, .businessbx .bscontent{display: inline-block;}
	.businessbx .busiImg{width: 35%;padding: 20px 20px 0;}
	.businessbx .bscontent{width: 64%;vertical-align: middle;}
	.businessbx .bsArrow{width: 35px;}
	.cardContent .faq > a img{width: 90px;}
	.cardContent .faq .hidden-content .cardtxt{padding-left: 50px;}
	.cardContent .faq .whitebtn{margin: 20px auto 0}
	.cardContent .faq > a p br{display: none;}
	.v-mob{display: none;}
	.discount_box_wrapper{ display: flex; }
	.discount_box_wrapper .discount_box{flex: 1; background-size: contain; margin: 30px 15px; padding: 10px 20px; height: 157px; }
	 .discount_box img.plussign{ top: 50%; left: -25px; transform: translateY(-50%); width: 22px; }	 
	.discount_box1{ background: url('../resources/images/bluebg1_d.png')no-repeat; }
	.discount_box2{ background: url('../resources/images/bluebg2_d.png')no-repeat; }
	.discount_box3{ background: url('../resources/images/bluebg3_d.png')no-repeat; }
	.amazonbg .btn_grp .calbtn{ width: 280px !important; }
	.f21banner{ height: auto; }
}

@media (min-width: 580px){
	#topbanner .item .vmob{display: none;}
	.bodyheight .offer_box h3{ font-size:16px;}
	.bodyheight .offer_box h3 span{ font-size:15px;}
	.otherpg .retail_cards h5 { font-size:19px}
	.purchase_type{ display: flex; }

}
/*all mobiles & small tabs*/
@media (max-width: 767px){
	.whitebg_mobile{background-color: white; border-radius: 15px 15px 0px 0px}
	.v-desk{display: none;}
	.v-mob{display: block;}
	ul{ margin-bottom: 0; }
	#category_list .offrbox{min-height: 305px;padding: 20px 0px 10px;}

	#category_list .offrbox{margin:0px auto 20px auto;width: 96%;}
	.mult_item #category_list .offrbox h3{font-size: 1.2rem !important;padding:70px 5px 10px 5px !important;}
	.title2{font-size: 1rem;}
	.personal_finance .pfbox .brndimg{width: 50%;}
	.pfbox .Ntitle{padding:0px 5px 0px 5px;}
	.container {    width: 100%;}
	#mainNav div .hdfclogo{ text-align: left; display: inline-block; width: 100%;}
	/* .bodybg{ background: url("../resources/images/bg.png") repeat-y top center #feeb4c; background-size: cover} */
	/* loan css start */
	.load_list{ margin: 0; padding-top: 20px; }
	.load_list .loan_item{ flex: 1 0 33.33%;}
	.festive_cards{ display: block; }
	.festive_cards .fcard{ margin: 0 0 20px; width: 100%; }
	
	.pgtitle{text-align: left;font-size: 18px;margin-bottom: 10px;margin-top: 30px}
	.offrbox .brndimg{width: 65%; padding-top: 80px;}
	#tab .nav-item .nav-link{ font-size:0.8rem}
	.smallS{ display:block}
	.largeS{ display:none}
	#offer_bx .owl-stage-outer{ margin-left:-25px}
	.cmn_carousel .owl-stage-outer ,#offer_bx .owl-stage-outer{ margin-left:-25px}
	.offer_all { min-height:385px}
	/* #topbanner img{ width:100%} */
	.offrboxwim img{ width:100%}
	.loanProduct img.prodimg{ float:none}
	.mobmp0{ /*margin:0px; padding:0px;*/}
	.offrcontent_detail{ width: 100%; text-align: center; }
	.loanProduct .loansInfo.offrcontent_detail h2{ text-align: center; margin-bottom: 10px; }
	.offerInfo div.logoimg{    float: none; width: 100%;}
	.offerInfo.apple_offer div.logoimg{width: 100%;}    
    .offerInfo.apple_offer div.logoimg > img{width: 100%;}
	.loansInfo{min-height:auto; padding:0px 15px;  }
	.loanProduct img.prodimg{ margin:0}
	.offrcontent{ padding: 0; }
	.offrcontent .offrimg{ padding-bottom: 20px; }
	.loanProduct .loansInfo .intdet{font-size: 15px;margin-bottom: 10px;}
	.pfbox .Ntitle{ min-height: 50px; line-height: normal; font-size: 22px;}
	.pfbox .discoun{/* min-height: auto;*/ }
	.btn_grp a{/*  display:block !important; */ font-size: 0.9rem !important; width: 100% !important; margin:10px auto  !important;}
	.mobmp0 .loanProduct img.prodimg { margin: 0px; max-width: 190px }
	.ftgif{width: 275px !important; }
	.offer_box .button_group .bluebtn{ width: auto; padding: 5px; font-size: 0.8rem}
	.swiperArrow .swiperight{ margin-right:0px; display: none}
	#onlinestore .swiper-slide a p{font-family: 'Open Sans', sans-serif;}
	.owl-theme .owl-nav.disabled+.owl-dots{ margin: 0; }
	#explore_offers h3{ font-size: 12px; min-height: 30px;  margin: 0;}
	#explore_offers .item{ padding:10px 10px 20px 10px; }
	.festive_cards .fcard .applyNow_btn{ bottom: 13px; width: 130px; font-size: 12px; }
	/*.otherpg .purchase_type{ margin-bottom: 0; }*/
	.tabspanes{ padding: 15px; }
	.tabspanes .tab-content .tab-pane h4{ padding-bottom: 0; }
	.validity{ margin-bottom: 20px; }
	#cat_carousel .item .offrbox{/* min-height: 360px; */}
	.payzapp #cat_carousel .item .offrbox{min-height: 420px;}

	#cat_carousel #top_offers .owl-item .validty p{ font-size: 9px}
	.otherpg .retail_cards h5 { font-size:19px}
	.shop_innerpg .pfbox .Ntitle{ font-size: 12px;}
	.pwa_ft{ display: block }	
	#super_offer_box.owl-carousel .owl-stage{ padding-left: 0 !important; }
	.blgicon{position: absolute;right: 20px;}
	.hta{ margin-bottom: 20px; }
	/*.bodybg{ background: linear-gradient(to bottom, #b8e3f4, #7fcff2); background-size: cover; }*/
	.load_list .loan_item:nth-child(2) .imgshadow{top: 10px;/*opacity: 0.3;*/}
	.offer_list .offrbox .brndimg{ width: 150px; padding-top: 100px; }
  	
  	.direct_pay .offrbox .brndimg{padding-top: 110px;}
  	.business_cards #cat_carousel .item .offrbox{min-height: 385px;}
  	footer.home_footer{  }
  	.bussBx p{top: 35%;left: 35%;transform: initial;width: auto;width: 62%;font-size: 13px;}
  	.altccrent .table{ width: 100%;}

  	.hideD{ display: block; }
.showD{ display: none; }
.exheight{ height: auto }
.load_list .loan_item{ margin-bottom: 20px; margin-top: 0; }
.clearboth{ clear: both; margin-top: 50px }
.personal_finance .pfbox{ min-height: 330px }

#homeReno .pfbox{ min-height: 350px }
.btitle{ font-size:1rem; }
.bannerinn div{display: inline-block;}
.bannerinn div .svgimg{width: 90%;}
.ft21banner .bannerinn{padding-top: 10px;}
.bodybgDesktop, .borderwrap{background: none;}
.borderwrap{padding: 0;}

.home_margin{margin-top: 0 !important;}
#explore_offers{padding: 0 20px;}
/*#explore_offers .item{min-height: 150px !important;}*/
footer:before{  display: none;  }
footer:after{ display: none;  }

}

@media (max-width: 580px){
	.col-md-4 .offrbox {width: 90%;margin: 0px auto 20px;}
	.burger-menu {width: 100%;left: -100%}   
	#topbanner .item .vdesk{display: none;}
	#cat_carousel #top_offers .offrbox .offcalout { font-size: 14px}
	.otherpg .retail_cards h5 { font-size:19px}
	#top_offers .owl-nav .owl-prev{left: -10px}
	#top_offers .owl-nav .owl-next{right: -10px}
	#swip_cat{}
	.offrsbike img{display: block;margin:0 auto;}
	.inblogpg .content h1{font-size: 22px;}
	/*#topbanner{ padding-top: 35px; }*/
	#topbanner h2{ font-size: 21px;margin-top: 0px !important; }
	#topbanner h6{ font-size: 17px; }
	#topbanner ul li{ font-size: 17px; }
	#topbanner ul li img{ width: auto; height: 11px; }
	.purchase_type li{ padding: 8px 5px; }
	.purchase_type li a{ font-size: 13px; }
	.purchase_type{ margin-bottom: 20px; }
#cat_carousel #top_offer_box .owl-item .validty p{bottom:30px;}
	#explore_offers .item{min-height: 160px}
	#headingOne h5 button{padding: 5px}
#explore_offers .item {min-height: 160px;}
.alt_offers .offrcontent_detail{padding: 40px 20px;}
	#topbanner img{ width:300px;}
		.offrbox.apple_off .offcalout{padding-top: 65% !important;}
	#cat_carousel .item .offrbox.apple_off{background-size: 90% !important;}
	.offrbox.apple_off .callout{padding-top: 170px !important;}
	#category_list .offrbox.apple_off{background-size: 250px !important;}
	.rentacc .accordion .imag{width: 45%}
	.rentacc .accordion .imag img{width: 100%;}
	.rentacc .accordion .txtt{width: 40%;padding-top: 10px;}
	.rentacc .accordion .txtt h4{font-size: 14px;}
.rentacc .accordion .txtt p{font-size: 12px; }
.rezult .bluebg{width: 100%;}
.SRbox{width: 100%;}
.bodybg{background: url(../resources/images/bgback.jpg) repeat-x left top #fff713;}

.f21banner{ width: 100%; position: absolute; margin: 0; padding: 0 ; height: auto;}
.boxbannerinfo{  text-align: center; padding: 0px; margin: 0px  }
.purchase_type_bx{ margin-top: 370px }


.borderwrap{ background: none; padding: 0px; }
.load_list .loan_item h6{ font-size: 13px }
#explore_offers h3{ font-size: 13px }
.homeBanner{background-color: white; padding: 30px 0px;}
.amaPrimebnr img{width: 100%;}
.discount_box{background-size: cover;}
.cbox_txt img{ height: 76px; float:right; }
.firstbx{ min-height: 69px;padding: 0px 10px; text-align: left; }
.cbox_txt h3{  color: white; font-size: 13px; margin-bottom: 0 }
.cbox_txt p{  color: white; font-size: 10px; }
.remainingDate{    width: 96%; left: 2%}
.bannerinn div{width: 100%;}
.bannerinn div .gifimg{width: 50%;margin-bottom: 10px;}
.bannerinn div .svgimg{width: 50%; padding-bottom: 12px}
.ft21banner .bannerinn{padding-top: 10px;}
.bottomgray{ display: none; }


/*#loanlist{padding-top: 70px;}*/
/*#loanlist{padding-top: 35%;}*/
}


@media (max-width: 480px){
	.ftgif{width: 275px !important;top: 40px;}
	.otherpg .retail_cards{min-height: 320px}
	#cat_carousel #top_offers .offrbox .offcalout { font-size: 18px}
	.otherpg .retail_cards h5 { font-size:23px}
	.SafetyCarousel h4{font-size: 18px;}
	#category_list .col-6{padding-right: 5px;padding-left: 5px;}
	.mult_item #category_list .offrbox p{font-size: 15px;width: 140px;margin: 0 auto 15px;}
	#explore_offers h3{font-size: 13px;}
	#explore_offers h3 .easyemi_logo{width: 45px !important;}
	.rentacc .selectMoneydd{width: 100%;}
	.othercad .fcard .otherTxt h4{font-size: 20px;}
	.othercad .fcard .otherTxt p{font-size: 12px;}


}
@media (max-width: 420px){
	.offrbox .offrcta a{font-size: 12px;width: 80%;}
	.offrbox h4{font-size: 22px;min-height: 80px;}
	/*.ftgif{left: 40px;}*/
	.otherpg .retail_cards{min-height: 340px}

	#onlinestore .swiper-slide a img{width: 100%}
	.blogmenu .retail_cards, #article_bx .retail_cards{min-height: 230px;}
	.mult_item #category_list .offrbox h3{ min-height: 118px;}
	.payzapp #cat_carousel .item .offrbox{min-height: 395px;}
	#cat_carousel #top_offer_box .owl-item .validty p{bottom:25px;}
	#explore_offers .item{min-height: 130px}
	.bussBx p{font-size: 12px;}
	#explore_offers .item {min-height: 130px; border-radius: 10px;}
	.other_offr .item{padding: 10px 2px !important; }

	.purchase_type_bx{ margin-top: 360px; }

	.ft21banner .bannerinn{padding-top: 10px;}
	/*#loanlist{padding-top: 50px;}*/
	.bannerinn div .gifimg{width: 50%;}


}
@media (max-width: 375px){
	.mult_item #category_list .offrbox h3{ min-height: 124px;}
	.purchase_type_bx{ margin-top: 330px; }

}
@media (max-width: 360px){
	.ftgif{width: 275px !important;}
	.otherpg .retail_cards{min-height: 380px}
	#topbanner h2{ font-size: 20px; }
	#topbanner h6{ font-size: 16px; }
	#topbanner ul li{ font-size: 12px; }
	#topbanner ul li img{ height: 9px; }
	.purchase_type_bx{ margin-top: 320px; }


}

@media (max-width: 330px){
	#onlinesh .swiper-slide a p{width: 100px;margin: 0 -8px;}
	#onlinesh .swiper-slide a > img{width: 100%;}
	#onlinesh .swiper-slide a:after{ width: 85px; bottom: 25%; }
	.purchase_type_bx{ margin-top: 280px; }
	.load_list .loan_item img{ height: 50px }
}