@media only screen and (min-width: 360px) and (max-width: 820px){
	.mobile_drop {
		clear: both;
		display: inline-block;
		width: 100%;
	}
	.pg_feaure_description {
		width: 100%;
	}
	.bbps_text_area {
		width: 100%;
		float: left;
	}
	section.bbps_section {
		padding: 20px;
		margin-bottom: 50px;
	}
	.bbps_heading {
		margin: 0 auto;
		width: 100px;
	}
	.bbps_sub_heading {
		text-align: center;
		width: 100%;
	}

	.btn_agent_login {
		display: none;
	}
	.btn_cust_login {
		display: none;
	}
	section.features {
		margin-bottom: 50px;
		padding: 20px;
	}
	.feature-text {
		margin-top: 17px;
		font-size: 11px;
	}
	.card.feature-icons {
		height: 40px;
		width: 40px;
	}
	.feature-icon {
		top: 10px;
	}
	.feature-box {
		width: 157px;
		height: 126px;
	}
	.login_buttons {
		display: block !important;
		text-align: center;
		padding-bottom: 30px;
	}
	.btn_home_page_mobile {
		background-color: #eeeeee;
		width: 320px;
		padding: 7px;
		border-radius: 11px;
		border-color: #eeeeee;
		font-weight: bold;
		margin-bottom: 20px;
		margin-right: unset !important;
		text-transform: none;
		height: 38px;
	}
	.banner-text {
		position: initial;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #e91e63;
		padding: 20px;
	}
	.banner_home_page_mobile{
		display: block;
	}
	.banner_image_box {
		background-color: #ffffff;
		text-align: center;
		width: 100%;
		padding: 30px;
	}
	img.banner-image {
		width: 100%;
		float: none;
		height: auto;
		position: initial;
		top: 0px;
		right: 0px;
	}
	.banner_home_page {
		display: none;
	}
	.banner-heading {
		width: 100%;
		text-align: center;
	}
	.muyp_description {
		width: unset;
	}
	.pp-logo-home-page > p {
		width: unset;
		padding: 20px;
	}
	.framebox {
		position: relative;
		top: 96px;
	}
	.gateway_description {
		font-size: 14px;
		text-align: center;
		margin-bottom: 30px;
	}
	.gateway_sub_heading {
		width: unset;
	}
	.pg_image{
		display: none;
	}
	.bbps_features.col-md-12 {
		width: 360px;
	}
	.bbps_sub_heading {
		width: 100%;
	}
	img.bbps_image {
		display:none;
	}
	.banner-sub-heading {
		font-size: 23px;
		color: #ffc107;
		width: 100%;
		line-height: 28px;
	}
	.banner-description {
		width: 100%;
		text-align: center;
	}
	.bbps-description {
		width: 100%;
		font-size: 14px;
		text-align: center;
	}
	.bbps_feature_block {
		width: 100%;
		margin-bottom: 10px;
	}
	.bbps_feature_text {
		left: 70px;
		position: initial;
		text-align: center;
	}
	.muyp_heading {
		font-size: 20px;
	}
	p.heavy-font {
		font-size: 20px;
		font-weight: bolder;
	}
	.btn_home_page {
		margin-top: 5px;
		margin-right: 0px !important;
	}
	.framebox {
		height: 420px;
	}
	.gateway-feature1 {
		display: none;
	}
	.gateway-heading {
		text-align: center;
		text-decoration: underline;
		text-decoration-color: #fec107;
		text-decoration-thickness: 4px;
		text-underline-offset: 10px;
	}
	.gateway_sub_heading {
		text-align: center;
		font-size: 26px;
	}

	.bbps_feature_icon {

		 float: none;
		margin: 0 auto 10px;
	}
	.bbps_feature_description {
		width: 100%;
	}
	.pg_feature_icon {
		margin: 0 auto 10px;
		float: none;
	}
	.pg_feature_text {
		left: 70px;
		text-align: center;
		position: initial;
	}
}
@media only screen and (min-width: 375px)and (max-width: 375px){
	.feature-box {
		width: 140px;
	}
}
@media only screen and (min-width: 390px)and (max-width: 390px){
	.feature-box {
		width: 148px;
	}
}
@media only screen and (min-width: 393px)and (max-width: 393px){
	.feature-box {
		width: 149px;
	}
}
@media only screen and (max-width: 360px){
	.feature-box {
		width: 133px;
	}
}
@media only screen and (max-width: 359px){
	.feature-box {
		width: 130px;
	}
}
@media only screen and (min-width: 355px) and (max-width: 820px){
	.mobile_drop {
		clear: both;
		display: inline-block;
		width: 100%;
	}
	.pg_feaure_description {
		width: 100%;
	}
	.bbps_text_area {
		width: 100%;
		float: left;
	}
	section.bbps_section {
		padding: 20px;
		margin-bottom: 50px;
	}
	.bbps_heading {
		margin: 0 auto;
		width: 100px;
	}
	.bbps_sub_heading {
		text-align: center;
		width: 100%;
	}

	.btn_agent_login {
		display: none;
	}
	.btn_cust_login {
		display: none;
	}
	section.features {
		margin-bottom: 50px;
		padding: 20px;
	}
	.feature-text {
		margin-top: 17px;
		font-size: 11px;
	}
	.card.feature-icons {
		height: 40px;
		width: 40px;
	}
	.feature-icon {
		top: 10px;
	}
	.feature-box {
		width: 45%;
		height: 126px;
	}
	.login_buttons {
		display: block !important;
		text-align: center;
		padding-bottom: 30px;
	}
	.btn_home_page_mobile {
		background-color: #eeeeee;
		width: 320px;
		padding: 7px;
		border-radius: 11px;
		border-color: #eeeeee;
		font-weight: bold;
		margin-bottom: 20px;
		margin-right: unset !important;
		text-transform: none;
		height: 38px;
	}
	.banner-text {
		position: initial;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #e91e63;
		padding: 20px;
	}
	.banner_home_page_mobile{
		display: block;
	}
	.banner_image_box {
		background-color: #ffffff;
		text-align: center;
		width: 100%;
		padding: 30px;
	}
	img.banner-image {
		width: 100%;
		float: none;
		height: auto;
		position: initial;
		top: 0px;
		right: 0px;
	}
	.banner_home_page {
		display: none;
	}
	.banner-heading {
		width: 100%;
		text-align: center;
	}
	.muyp_description {
		width: unset;
	}
	.pp-logo-home-page > p {
		width: unset;
		padding: 20px;
	}
	.framebox {
		position: relative;
		top: 96px;
	}
	.gateway_description {
		font-size: 14px;
		text-align: center;
		margin-bottom: 30px;
	}
	.gateway_sub_heading {
		width: unset;
	}
	.pg_image{
		display: none;
	}
	.bbps_features.col-md-12 {
		width: 360px;
	}
	.bbps_sub_heading {
		width: 100%;
	}
	img.bbps_image {
		display:none;
	}
	.banner-sub-heading {
		font-size: 23px;
		color: #ffc107;
		width: 100%;
		line-height: 28px;
	}
	.banner-description {
		width: 100%;
		text-align: center;
	}
	.bbps-description {
		width: 100%;
		font-size: 14px;
		text-align: center;
	}
	.bbps_feature_block {
		width: 100%;
		margin-bottom: 10px;
	}
	.bbps_feature_text {
		left: 70px;
		position: initial;
		text-align: center;
	}
	.muyp_heading {
		font-size: 20px;
	}
	p.heavy-font {
		font-size: 20px;
		font-weight: bolder;
	}
	.btn_home_page {
		margin-top: 5px;
		margin-right: 0px !important;
	}
	.framebox {
		height: 420px;
	}
	.gateway-feature1 {
		display: none;
	}
	.gateway-heading {
		text-align: center;
		text-decoration: underline;
		text-decoration-color: #fec107;
		text-decoration-thickness: 4px;
		text-underline-offset: 10px;
	}
	.gateway_sub_heading {
		text-align: center;
		font-size: 26px;
	}

	.bbps_feature_icon {

		float: none;
		margin: 0 auto 10px;
	}
	.bbps_feature_description {
		width: 100%;
	}
	.pg_feature_icon {
		margin: 0 auto 10px;
		float: none;
	}
	.pg_feature_text {
		left: 70px;
		text-align: center;
		position: initial;
	}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1180px) and (orientation:portrait) {
	/* For portrait layouts only */

	.header__profile > ul {
		margin: 0;
		display: block;
	}
	.blue-white-bar {
		margin-top: 50px;
	}
	.banner-heading {
		width: 100%;
	}
	img.banner-image {
		height: 47%;
	}
	.gateway-feature2 {
		max-width: 100%;
	}
	.mobile_drop {
		display: unset;
	}
}/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1180px) and (orientation:landscape) {
	/* For portrait layouts only */
	.blue-white-bar {
		margin-top: 50px;
	}
	.header__profile > ul {
		margin: 0;
		display: block;
	}
	section.features {
		margin-bottom: 50px;
	}
	.bbps_feature_icon {
		margin-bottom: 107px;
	}
	.pg_feature_icon {
		margin-bottom: 96px;
	}
	.pg_feaure_description {
		 width: 100%;
	}
	img.banner-image {
		height: 55%;
		top: 23%;
	}
	.gateway_sub_heading {
		 width: unset;
	}
	.mobile_drop {
		display: unset;
	}
}