@media only screen and (min-width:993px) and (max-width:1200px){
	.banner {height: 340px; padding-top: 95px}
	.fintech-overview .para-lg {font-size: 15px; line-height: 26px}
	.rbi-ini-details h5 {padding-right: 25px}
	header nav {background: white}
}

@media only screen and (max-width:992px){
	body {padding-top: 80px}
	.rbi-initiative-block:after {display: none}
	.topband {display: none}	
	#mobnav, .fix #mobnav {top: 20px; display: block; right: 16px;}
	header {background: white; z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 80px; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 20%)}
	header .logo {background: none; height: auto; width: auto}
	header .logo a {padding: 7px}
	header .logo a img {width: 240px}
	header nav {background: white; text-align: left; position: fixed; top: 80px; right: -300px; bottom: 0; overflow-y: auto; width: 300px; transition: 0.3s all ease;}
	header nav.shownav {right: 0px; transition: 0.3s all ease;}
	header nav > ul {display: block}
	header nav > ul > li {display: block; margin: 0; border-bottom: 1px solid #eaeaea}
	header nav > ul > li .subnav {position: static; width: 100%; border-radius: 0;}	
	header nav > ul > li > a {padding: 16px 20px; font-size: 15px}
	header nav > ul > li.active > a:before, header nav > ul > li:hover > a:before {display: none}
	header nav > ul > li .fa-chevron-down {position: absolute; top: 20px; right: 20px;}
	footer {text-align: center}
	.banner p {width: auto}
	.rbi-ini-item img {top: 7px}
}

@media only screen and (max-width:767px){	
	.rbi-ini-item {padding-left: 0; padding-right: 0;}
	.rbi-ini-item img {position: relative; margin-bottom: -20px; z-index: 9; top: 15px; left: 18px;}
	.rbi-ini-details {padding: 50px 20px 20px}
	.rbi-ini-details a {top: 45px}
	.latest-pr-list li a:after {top: 25px; right: 5px}
	.foot-nav {margin-bottom: 10px}	
	.latest-pr-block .pl-3 {padding-left: 0 !important}
	.para-lg {font-size: 16px; line-height: 26px}	
	.banner {background: url(../images/fintech_banner.jpg) no-repeat 60% 50%; padding: 20px 20px 0 20px; text-align: center; position: relative; height: 375px}/*padding: 95px 20px 0 20px;*/
	.banner:after {position: absolute; top: 0; left: 0; content: ""; background: rgba(17,32,139,0.65); width: 100%; height: 100%; z-index: 1;}
	.banner h1, .banner p {position: relative; z-index: 9;}
	.banner h1 {font-size: 30px;}/*font-size: 36px;*/
	.banner p {font-size: 12px; opacity: 1; line-height: 26px}/*font-size: 16px;*/
	.banner h1:after {left: 50%; margin-left: -25px}
	.big-head {font-size: 20px; line-height: 28px}
	
}