@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 (min-width: 1400px) {

}
@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; }
} 
/*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; }
}

@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){
	.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: center; 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: -20px}
	.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: 20px 15px; }
	.festive_cards .fcard .applyNow_btn{ bottom: 25px; 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; }
  	.bodytexture{ background: linear-gradient(to bottom, #b8e3f4, #7fcff2); background-size: cover;  }
  	.direct_pay .offrbox .brndimg{padding-top: 110px;}
  	.business_cards #cat_carousel .item .offrbox{min-height: 385px;}
  	footer.home_footer{ margin-bottom: 49px; }
  	.bussBx p{top: 35%;left: 35%;transform: initial;width: auto;width: 62%;font-size: 13px;}
  	.altccrent .table{ width: 100%;}

}

@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{padding:0px 10px;}
	.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;}

}

@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: 11px;}
	#explore_offers h3 .easyemi_logo{width: 45px !important;}


}
@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;}
	.other_offr .item{padding: 10px 15px !important;}

}
@media (max-width: 375px){
	.mult_item #category_list .offrbox h3{ min-height: 124px;}
}
@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; }
}

@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%; }
}