.contents {
	/*background-image: url(../new_images/regi-background-img.png);*/
	/*padding-bottom: 11%;*/
	position: relative;
}
.Unterkonten_btn {
	margin-top: -44px;
	position: relative;
	float: right;
}
.contents .personal-acc-info {
	margin-left: 25%;
	margin-right: 25%;
	/*padding-top: 10%;*/
	color: #000;
	text-align: center;
	padding: 5%;
	padding-top: 6%;
}
.contents .personal-reg-info {
	margin-left: 25%;
	margin-right: 25%;
	/* padding-top: 10%; */
	color: #000;
	/*text-align: center;*/
	padding: 5%;
	padding-top: 6%;
}
.account-info-headding {
	background-color: #fff;
	padding-top: 10%;
	padding-bottom: 15%;
	padding-right: 15%;
	padding-left: 15%;
}
.no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: -4.5%;
}
.new-footer {
	margin-top: 2em !important;
	/*border-top: 5px solid #00c08f;*/
}
.account-info-headding h2 {
	font-size: 1.645rem;
	text-align: center;
}
.account-info-headding h3 {
	text-align: center;
}
.pa-text {
  	margin-top: 4%;
  	margin-bottom: 4%;
  	text-align: center;
}
.pa-text span {
	background-color: #fff46e;
	color: #c9a44b;
	font-size: 20px;
	padding: 3%;
}
.my_affi_link {
	padding-top: 0.5rem;
}
.padd-left-right h5 {
	text-align: left;
	padding-left: 0.5rem;
}
.padd-left-right select {
	width: 80px;
	height: auto;
	margin: 0;
	margin-top: -1.6rem;
	float: right;
	margin-right: 0.5rem;
}
.alert-danger {
	margin-left: 1rem;
	margin-right: 1rem;
}
.account-info-headding h3 {
  	font-size: 16px;
}
.account-info-headding .form-info input {
	background-color: #ebebeb;
	border: none;
	border-radius: 0px;
}
.account-info-headding .form-info button {
	margin-top: 6%;
	border-radius: 0px;
	color: #feffff;
}
.footer-text12 {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	text-align: left;
	letter-spacing: 0em;
	margin: 0;
	padding: 0;
}
.align-left {
	float: left;
	color: #606060;
}
.align-left span {
	text-align: left;
}
.footer_ul_li ul {
	padding: 0;
}
.footer_ul_li ul li {
	list-style: none;
	font-size: 15px;
}
.tm-footer .container {
	width: 1000px !important;
	max-width: 100%;
}
.account-info-headding .form-info button:focus {
	color: #495057;
	/*background-color: #00c08f !important;*/
	/*border-color: #00c08f;*/
	outline: 0;
	color: #fff;
	/*box-shadow: 0 0 0 0.2rem rgba(0, 192, 143, 0.25);*/
}
.text-agreement {
	font-size: 14px; 
	color: #606060;
}
#regForm {
	margin: 0px auto;
	width: 100%;
}
#prevBtn {
  	background-color: #bbbbbb;
}
.step-1 {
    width: 30%;
    display: inline;
}
.step-2 {
    width: 30%;
    display: inline;
}
.step-3 {
    width: 30%;
    display: inline;
}
.step-1 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    background-color: transparent;
    border: 1px solid #37c4ef;
    color: #37c4ef;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.step-2 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.step-3 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.active .step {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.finish .step {
	background-color: #37c5f3;
	color: #fff;
}
.gngle-left {
    font-size: 2rem;
    color: #5bcff8;
}
.left-angle-head {
    font-size: 1.5rem;
}
.tab-1 .step-col {
    display: inline;
    float: left;
}
.tab-2 .step-col {
    display: inline;
    float: left;
}
.tab-3 .step-col {
    display: inline;
    float: left;
}
/*.form-input-text {
    padding-right: 1rem;
    padding-left: 1rem;
}*/
.details-text {
    padding-right: 2rem;
    padding-left: 2rem;
    color: #01c08d;
    font-size: 1rem;
}
.details-text h3 {
    font-size: 1.6rem;
}
.details-text1 {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #01c08d;
    font-size: 1rem;
}
.details-text1 h3 {
    font-size: 1.6rem;
}
.error-message1 {
    background-image: url(../../new_images/error-message-2.png);
    margin: 1%;
    margin-left: 1.7rem;
    margin-right: 1.7rem;
}
.error-message1 p {
    margin-top: 0px;
    padding: 2% 0% 2% 3%;
    color: #528d7b;
    font-size: 13px;
}
.error-message {
    background-image: url(../../new_images/error-message-2.png);
    margin: 1%;
    margin-left: 1.7rem;
    margin-right: 1.7rem;
}
.error-message p {
    margin-top: 0px;
    padding: 2% 0% 2% 3%;
    color: #528d7b;
    font-size: 13px;
}
.error-message2 {
	margin: 1%;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	position: relative;
}
.error-message2 img {
  	height: 92px;
}
.error-message2 p {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 13px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.error-message-ban-depo-stp-2 {
	margin: 1%;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	position: relative;
}
.error-message-ban-depo-stp-2 img {
  	height: 92px;
}
.error-message-ban-depo-stp-2 p {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 13px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.fa-info-circle {
    color: #07be8e;
    font-size: 1.5rem !important;    
}
.indicater {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}
hr {
    margin-left: 1rem;
    margin-right: 1rem;
}
.progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.active .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.finish .progress_bar {
	background-color: #00c08f;
	color: #fff;
	border: 1px solid #00c08f;
}
.errspan-check {
	position: absolute;
	color: #00c08f;
	top: 1px;
	right: 16px;
	padding-top: 0.5%;
	padding-left: 2%;
	width: 9%;
	height: 33%;
	background: #fff;
}
.errspan-angle-down {
	position: absolute;
	color: #b6b0b0;
	top: 19px;
	right: -4px;
	padding-top: 1.5%;
	padding-left: 2%;
	width: 9%;
	height: 17%;
	background: #fff;
	font-size: 1.5rem !important;
}
.errspan-doller {
    position: absolute;
    top: 65px;
    right: 22px;
}
.step-col .form-group input {
    border-radius: 0px;
}
.step-2-form #regForm {
	margin: 0px auto;
	width: 100%;
}
.step-2-form .indicater {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}
.step-2-form .step-1 {
    width: 30%;
    display: inline;
}
.step-2-form .step-2 {
    width: 30%;
    display: inline;
}
.step-2-form .step-3 {
    width: 30%;
    display: inline;
}
.step-2-form .step-1 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: #32c5f9;
	border: 1px solid #37c4ef;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
	font-size: 17px;
}
.step-2-form .step-2 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    font-size: 17px;
    background-color: transparent;
    border: 1px solid #37c4ef;
    color: #37c4ef;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.step-2-form .step-3 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    background-color: #bbbbbb;
    border: none;
    font-size: 17px;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.step-2-form .step {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.step-2-form .step {
	background-color: #37c5f3;
	color: #fff;
}
.step-2-form .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.step-2-form .step-2 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.step-3-form #regForm {
	margin: 0px auto;
	width: 100%;
}
.step-3-form .indicater {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}
.step-3-form .step-1 {
    width: 30%;
    display: inline;
}
.step-3-form .step-2 {
    width: 30%;
    display: inline;
}
.step-3-form .step-3 {
    width: 30%;
    display: inline;
}
.step-3-form .step-1 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: #32c5f9;
	border: 1px solid #37c4ef;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
	font-size: 17px;
}
.step-3-form .step-2 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: #32c5f9;
	border: 1px solid #37c4ef;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
	font-size: 17px;
}
.step-3-form .step-3 .step {
    height: 30px;
    width: 30px;
    margin: 0px 1% 0px 1%;
    font-size: 17px;
    background-color: transparent;
    border: 1px solid #37c4ef;
    color: #37c4ef;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
.step-3-form .step {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.step-3-form .step {
	background-color: #37c5f3;
	color: #fff;
}
.step-3-form .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.step-3-form .step-2 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.step-3-form .step-3 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.step {
    line-height: -moz-block-height;
}
.third-party .third_party_input_zip .form-control {
	width: 46%;
	display: inline;
	float: left;
	margin-bottom: 3.8%;
}
.third-party .third_party_input_city .form-control {
	width: 50%;
	display: inline;
	float: left;
	margin-left: 4%;
}
.third-party-fees-input input {
	width: 88%;
	display: inline;
	float: left;
	margin-left: 1%;
}
.third-party-fees-input span {
	width: 11%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #aeaeae;
}
.third-party-total-amount-input input {
	width: 69%;
	display: inline;
	float: left;
	margin-left: 1%;
}
.third-party-total-amount-input span {
	width: 30%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #aeaeae;
}
.third-party .country-angle-down-icon {
	position: absolute;
	color: #b6b0b0;
	top: 127px;
	right: -4px;
	padding-top: 1.5%;
	padding-left: 2%;
	width: 9%;
	height: 14%;
	background: #fff;
	font-size: 1.5rem !important;
}
.third-party .errspan-angle-down {
	position: absolute;
	color: #b6b0b0;
	top: 19px;
	right: -4px;
	padding-top: 1.5%;
	padding-left: 2%;
	width: 9%;
	height: 14.5%;
	background: #fff;
	font-size: 1.5rem !important;
}
.third-party .errspan-doller {
	position: absolute;
	right: 22px;
	bottom: 30%;
}
.third-party .error-messag p {
	margin-top: 3%;
	padding: 1% 1% 2% 3%;
	color: #528d7b;
	font-size: 13px;
	position: to;
	position: absolute;
	left: 0;
}
.third-party-step-col {
	background-color: #fafafa;
	padding-top: 3%;
	padding-bottom: 3%;
}
.third-party-step-2-input input {
	width: 69%;
	display: inline;
	float: left;
	margin-left: 1%;
	margin-bottom: 2%;
	border: unset;
	background-color: #fafafa;
	font-size: 15px;
	padding-left: 10%;
}
.third-party-step-2-input .form-control:disabled, .form-control[readonly] {
	background-color: #fafafa;
	opacity: 1;
}
.third-party-step-2-input span {
	width: 34%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #3f3f3f;
	font-size: 15px;
}
.th-margin-left {
	margin-left: 1%;
	max-width: 48.4%;
}
.third-party-step-2-content .error-message p {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 13px;
}
.third-party-step-col {
	background-color: #fafafa;
	padding-top: 3%;
	padding-bottom: 3%;
}
.third-party-step-full-input span {
	width: 59%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #3f3f3f;
	font-size: 15px;
}
.third-party-step-full-input input {
	width: 40%;
	display: inline;
	float: left;
	margin-left: 1%;
	margin-bottom: 2%;
	border: unset;
	background-color: #fafafa;
	font-size: 15px;
	text-align: right;
}
.my-thir-col {
	margin-left: 1%;
	max-width: 98%;
}
.third-party-step-full-input .form-control:disabled, .form-control[readonly] {
	background-color: #fafafa;
	opacity: 1;
}
.step-col .form-group textarea {
	margin-top: 5.5%;
	font-weight: 300;
}
.third-party-step-full-input .error-messag p {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 13px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.error-message-third-2 {
	margin: 1%;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	position: relative;
}
.error-message-third-2 img {
  	height: 92px;
}
.error-message-third-2 p {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 13px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.error-message-third-3 {
	margin: 1%;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	position: relative;
}
.error-message-third-3 img {
  	height: 92px;
}
.error-message-third-3 .susses-message-1 {
	margin-top: 0px;
	padding: 1% 0% 2% 3%;
	color: #528d7b;
	font-size: 15px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.tab-1 .step-1 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.tab-1 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.tab-1 .step-1 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.tab-1 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.tab-1 .step-2 .progress_bar {
	opacity: 1;
	background-color: #bbbbbb;
	border: none;
	font-size: 17px;
	text-align: center;
}
.tab-2 .step-2 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.tab-2 .step {
	background-color: #37c5f3;
	color: #fff;
}
.tab-2 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.tab-2 .step-2 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.tab-2 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.tab-2 .step-3 .progress_bar {
	opacity: 1;
	background-color: #bbbbbb;
	border: none;
	font-size: 17px;
	text-align: center;
}
.tab-2 .step-3 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.tab-3 .step-3 .step {
	height: 30px;
	width: 30px;
	margin: 0px 1% 0px 1%;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.tab-3 .step {
	background-color: #37c5f3;
	color: #fff;
}
.tab-3 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.tab-3 .step-2 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.tab-3 .step-3 .progress_bar {
	opacity: 1;
	background-color: transparent;
	border: 1px solid #37c4ef;
	color: #37c4ef;
	text-align: center;
}
.tab-3 .progress_bar {
    width: 12%;
    height: 2px;
    border-radius: 20px;
    background-color: #D8D8D8;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -3px;
}
.settingmastercard_step1 {
  	padding-bottom: 2rem;
}
.setting-card {
	background-color: #f8f9fa;
	overflow: auto;
}
.setting-card .detail-text {
	padding-right: 2rem;
	padding-left: 2rem;
	color: #01c08d;
	font-size: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.setting-card-text {
	max-height: 400px;
	overflow-y: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.setting-card-text p {
	margin-left: 3rem;
	color: #7c858f;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1rem;
	margin-bottom: 0px;
	letter-spacing: unset;
}
.setting-card-upload {
	padding-left: 3rem;
	padding-right: 0.5rem;
	font-size: 14px;
}
.setting-card-upload input {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.setting-card-col {
	display: inline;
	float: left;
}
.setting-card-col .box {
	background-color: transparent;
	padding: 1.25rem 1.25rem;
	text-align: center;
	border: 1px solid #00000080;
}
.setting-card-col .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.setting-card-col .inputfile-4 + .label {
	color: #7c858f;
	position: initial;
}
.setting-card-col .inputfile + .label {
	max-width: 80%;
	font-size: 1rem;
	font-weight: 300;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
}
.setting-card-col .inputfile-4 + .label figure {
	width: 100px;
	height: 70px;
	border-radius: 50%;
	background-color: transparent;
	display: block;
	padding: 0px;
	margin: 0 auto 0px;
}
.setting-card-col .inputfile-4 + .label svg {
	width: 100%;
	height: 100%;
	fill: #f1e5e6;
}
.setting-card-col-full {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.setting-card-step-2 .setting_card_input_zip .form-control {
	width: 46%;
	display: inline;
	float: left;
	margin-bottom: 3.8%;
}
.setting-card-step-2 .setting_card_input_city .form-control {
	width: 50%;
	display: inline;
	float: left;
	margin-left: 4%;
}
.setting-card-fees-input span {
	width: 16%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #aeaeae;
}
.setting-card-fees-input input {
	width: 20%;
	display: inline;
	float: left;
	margin-left: 1%;
}
.setting-card-exp-input span {
	width: 25%;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #aeaeae;
}
.setting-card-exp-input select {
	width: 36%;
	display: inline;
	float: left;
	margin-left: 1%;
}
.setting-card-exp-input .select-angle-down-1 {
	position: absolute;
	color: #b6b0b0;
	top: 181px;
	right: 2.3%;
	padding-top: 1.5%;
	padding-left: 0%;
	width: 4.5%;
	height: 17.6%;
	background: #fff;
	font-size: 1.5rem !important;
}
.setting-card-exp-input .select-angle-down-2 {
	position: absolute;
	color: #b6b0b0;
	top: 181px;
	left: 58.6%;
	padding-top: 1.5%;
	padding-left: 0%;
	width: 4.5%;
	height: 17.6%;
	background: #fff;
	font-size: 1.5rem !important;
}
.my-req-btn {
	background-color: #37c5f3;
	border-color: #37c5f3;
	color: #fff;
}
.my-req-btn:hover {
	background-color: #37c5f3;
	border-color: #37c5f3;
	color: #fff;
}
.my-req-btn:focus {
	background-color: #37c5f3;
	border-color: #37c5f3;
	color: #fff;
}
.my-req-btn-2 {
	background-color: #05bf8e;
	border-color: #05bf8e;
	color: #fff;
}
.my-req-btn-2:hover {
	background-color: #05bf8e;
	border-color: #05bf8e;
	color: #fff;
}
.my-req-btn-2:focus {
	background-color: #05bf8e;
	border-color: #05bf8e;
	color: #fff;
}
.setting-card-3 {
  	background-color: #f8f9fa;
}
.setting-card-3 .detail-text {
	padding-right: 2rem;
	padding-left: 2rem;
	color: #01c08d;
	font-size: 1rem;
	padding-top: 4rem;
	padding-bottom: 1rem;
	text-align: center;
}
.setting-card-3 .detail-text h3 {
  	font-size: 2rem;
}
.setting-card-text-step-3 {
	text-align: center;
	padding-bottom: 3rem;
}
.setting-card-text-step-3 p {
	margin-left: 3rem;
	color: #7c858f;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1rem;
	margin-bottom: 0px;
	letter-spacing: unset;
	font-style: italic;
}
.setting-card-text-step-3 .color-p {
	font-size: 1.2rem;
	color: #01c08d;
	margin-top: 3rem;
}
.my-nav-bga-color {
	background-color: #fff;
	padding-bottom: 0.1em;
}
.card-2 {
	display: block;
	/*height: 160px;*/
	border-radius: 5px;
	box-shadow: none;
	text-align: center;
	margin: 0px auto;
	width: 100%;
}
.card-2 .fa-bars {
	margin-top: 1rem;
	color: #000;
	margin-right: 1rem; 
}
.setting-card-body {
	flex: 1 1 auto;
	padding: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.setting-card-two {
	display: inline;
	float: left;
	margin-top: 1rem;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.setting-card-two .card-body img {
	margin-top: 1.5rem;
	position: relative;
	bottom: -35px;
	right: 5%;
}
.setting-card-two .card-body span {
	text-decoration: none;
	color: #000;
	font-size: 1.3rem;
	width: 100%;
	position: absolute;
	top: 58px;
	left: 0px;
}
.card-2-icon i {
	font-size: 4rem;
	text-align: center !important;
	margin: 3rem auto;
	color: #fff;
	width: 100%;
}
.withdrawal-box {
	flex: 1 1 auto;
	padding: 1.25rem; 
}
.withdrawal-card {
	display: inline;
	float: left;
}
.withdrawal-card .withdrawal-box img {
	margin-top: 1rem;
	position: relative;
}
.withdrawal-card .withdrawal-box .setting_img2 {
	margin-top: 0.2rem;
	position: relative;
}
.withdrawal-card .withdrawal-box .setting_img-3 {
	margin-top: 0.5rem;
	position: relative;
}
.withdrawal-card .withdrawal-box span {
	text-decoration: none;
	color: #0009;
	font-size: 1rem;
	width: 100%;
	position: absolute;
	left: 0px;
	margin-top: 1rem;
}
.withdrawal-card .withdrawal-box .pay-apl-span {
	text-decoration: none;
	color: #000000;
	font-size: 1rem;
	width: 100%;
	position: absolute;
	left: 0px;
	margin-top: 1.5rem;
}
.withdrawal-card .withdrawal-box .wit-card {
	text-decoration: none;
	color: #000000;
	font-size: 1rem;
	width: 100%;
	position: absolute;
	left: 0px;
	margin-top: 1.8rem;
}
.withdrawal-card .withdrawal-box .wit-inter {
	text-decoration: none;
	color: #000000;
	font-size: 1rem;
	width: 100%;
	position: absolute;
	left: 0px;
	margin-top: 1rem;
}
.withdrawal-card .withdrawal-box .wit-inter-2 {
	text-decoration: none;
	color: #000000;
	font-size: 1rem;
	width: 100%;
	position: absolute;
	left: 0px;
	margin-top: 0.6rem;
}
.my-withdeal .card_body_method_card {
	flex: 1 1 auto;
	padding: 2.25rem 3.25rem 4.25rem;
}
.my-withdeal .card-title2-withdraw {
	padding: 1.25rem;
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.02px;
	margin-bottom: 0;
	width: 100%;
	padding-left: 0rem;
	padding-bottom: 0.2rem;
}
.my-withdeal .withdraw-p {
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.02px;
	margin-bottom: 0;
	width: 100%;
	padding: 0.25rem 0rem 0rem;
}
/*.withdrawal-card {
  	margin-top: 2rem;
}*/
.content {
	width: auto;
	flex: 1;
	min-width: 0;
	flex-basis: 1px;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 80px;
	display: inline-block;
	float: left;
}
.card {
    display: inline-block;
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    /*border: 3px solid gold;*/
}
.card_top1212x {
	/*border: 3px solid red;*/
	width: 73%;
	margin-left: 2em;
	border-radius: 5px;
}
.card_top1212y {
	/*border: 3px solid red;*/
	/*margin-left: 2em;*/
	border-radius: 5px;
}
.content {
	padding: 0px;
	border: 2px solid #000;
	min-height: 100%;
	border-radius: 5px;
	padding: 0.2em;
}
.third-party .error-messag p {
    margin-top: 2rem;
}
.db-more a {
    float: left;
}                                                                                                                                                                                                                                                                                                                                                                                                         
.justify-content-center li {
    display: inline;
    float: left;
}
.first-level-slider {
    display: inline-block; 
    width: 100%;
}
.first-level-slider2 {
    display: inline-block; 
    width: 100%;
}
.db-deposit .card-body {
    padding-left: 0rem;
    padding-right: 0rem;
}
.create-wallet-body {
    display: inline-block;
    width: 100%;
}
.align-items-center {
    alignment-baseline: central;
    display: inline-block;
    width: 100%;
} 
.align-items-center .col-lg-4 {
    display: inline;
    float: left;
}    
.navbar-expand-lg .navbar-collapse {
	display: inline-block;
	float: right;
}
.nav-item {
 	float: left;
}     
.depo_content {
    width: 100%;
    min-height: 100%;
    /*padding-right: 40px;*/
}
.error-message1 {
    background-image: url(../../new_images/error-message-2.png);
    margin: 1%;
    margin-left: 1.7rem;
    margin-right: 1.7rem;
    background-color: #D8F1EB;
    border-radius: 0.3rem;
    padding-right: 0.5rem;
}
.affi-net .col-display-3 {
    padding-right: 5rem;
    padding-left: 0rem;
}
.affi-net .col-display-3 {
    padding-right: 1.5rem;
    padding-left: 0rem;
}     
.third-party-step-2-input input {
 	border: none;
}
.third-party-step-full-input input {
 	border: none;
}
.withdrawal-box span {
	width: 80%;
	left: 1.8rem;
}
.tab-2 .alert-success {
 	margin-left: 1.5rem;
 	margin-right: 1.5rem;
}
.tab-2 .alert-success ul li {
	list-style: none;
 	margin-left: -2rem
}
.tab-2 .alert-danger {
 	margin-left: 1.5rem;
 	margin-right: 1.5rem;
}
.tab-2 .alert-danger ul li {
 	list-style: none;
 	margin-left: -2rem
}
.error-message {
	background-image: url(../../assets/images/error-message-2.png);
	margin: 1%;
	margin-left: 1.7rem;
	margin-right: 1.7rem;
	background-color: #D5EFE8;
	border-color: #C4E9DF;
	border-radius: 0.4rem;
}
.error-message-text {
	position: absolute;
	top: 10%;
	left: 7%;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	margin-right: 4.3%;
}
.third-party-step-2-input input {
	width: 60%;
	display: inline;
	float: left;
	margin-left: 1%;
	margin-bottom: 2%;
	border: unset;
	background-color: #FAFAFA;
	font-size: 14px;
	padding-left: 2%;
}
.error-message-third-3 .susses-message-1 {
    margin-top: 0px;
    padding: 1% 0% 2% 3%;
    color: #528d7b;
    font-size: 14px;
    position: to;
    position: absolute;
    top: 2px;
    left: 0;
}
.exch-banking-last-day .hover_div_p_text {
	font-size: 14px;
	color: #212529;
	margin-bottom: 0px;
	margin-top: 0px;
	letter-spacing: 0rem;
	padding: 0px;
}
.exch-banking-last-day .hover_div_p1 {
	color: #00C08F;
	padding: 0px;
	font-size: 20px;
	letter-spacing: 0rem;
	margin-bottom: 0px;
	margin-top: 0px;
}
.exch-banking-last-day .hover_div_p {
	color: #00C08F;
	font-size: 20px;
	letter-spacing: 0rem;
}
.exch-banking-last-day .exch-centered {
	position: absolute;
	top: -2.5rem;
	left: 5.2rem;
	transform: none;
}
.exch-banking-last-day .exch-centered1 {
	position: absolute;
	top: -2.5rem;
	left: 5.2rem;
	transform: none;
}
/*============================ German Css ===================================*/
.exch-banking-last-day .exch-centered__germn {
	position: absolute;
	top: -3rem !important;
	left: 4.5rem !important;
	transform: none;
}
.exch-banking-last-day .exch-centered_germn1 {
	position: absolute;
	top: -3rem !important;
	left: 4.5rem !important;
	transform: none;
}
.exch1-banking-last-day .exch-centered {
	position: absolute;
	top: -2.5rem;
	left: 4.8rem;
	transform: none;
}
.exch1-banking-last-day .exch-centered1 {
	position: absolute;
	top: -2.5rem;
	left: 4.8rem;
	transform: none;
}
.error-message-third-2 p {
	margin-top: 0px;
	padding: 1% 2% 2% 3%;
	color: #528D7B;
	font-size: 13px;
	position: to;
	position: absolute;
	top: 2px;
	left: 0;
}
.btns {
  	padding-right: 1rem;
}
.btns a {
	margin: 0.2rem;
	margin-top: 1rem;
}
/*================ Bussiness Profile Page ============*/
.toptw10border {
	padding: 0px; 
	/*border: 2px solid red;*/
}
.account-info-headding {
	border:2px solid #000;
}

.business_profile .buss_pro {
	display: inline-block;
	float: left;
	margin: 3rem auto;
}
.business_profile .buss_pro a {
	color: #fff;
	width: 100%;
	font-size: 1rem;
}
.upload_btn {
	background-color: #e6ebef;
	color: #525156 !important;
}
.busi_com_info {
	padding: 1.25rem;
}
.busi_com_info h2 {
	color: #42c99e;
	font-size: 2rem;
	font-style: italic;
	margin: 1.55rem auto;
	font-weight: 300;
	margin-top: 0rem;
}
.user_busin_profile {
	padding-bottom: 0rem;
	margin-bottom: 1em
}
.busi_com_info .compy_info {
	display: inline-block;
	float: left;
	padding-left: 0rem;
}
.busi_com_info .compy_info input {
	border-radius: 0rem;
}
.busi_com_info .compy_info select {
	border-radius: 0rem;
}
.mobile_update_btn {
	display: none;
}
.business_profile .buss_pro .active {
	background-color: #37c5f3;
	color: #fff !important;
}
.mess_user_dosc {
	background-color: #d8f1eb; 
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.mess_user_dosc p {
	padding: 0rem;
	color: #538d7e;
	font-size: 0.9rem;
	letter-spacing: 0;
	margin: 0rem;
	padding-left: 0.7rem;
}
.mess_user_dosc li {
	padding: 0rem;
	color: #538d7e;
	font-size: 0.9rem;
	letter-spacing: 0;
	margin: 0rem;
	margin-left: 1.5rem;
}
.user_busin_profile_doc {
	margin-top: 0.8rem;
}
.udload_doc_btn {
	margin: 0 auto;
	margin-top: 1.5rem;
	text-align: center;
}
.udload_doc_btn button {
	width: 50%;
}
.coperate_docs {
	margin-top: 2rem;
}
/*=================== End Bussiness Profile ==============================*/
.top_headin_btn {
    margin-top: 0.7rem;
    padding-right: 1rem;
}
.top_headin_btn a {
    margin-top: 0.5rem;
}
/*================== Agreement Merchant API===================================*/
.agrement_api_merchant {
  	padding: 1.25rem;
}
.agrement_api_merchant h2 {
	color: #42c99e;
	font-size: 1.7rem;
	font-style: italic;
	margin: 1.55rem auto;
	font-weight: 300;
	margin-top: 0rem;
}
.agrement_api_merchant .compy_info {
  	display: inline;
  	float: left;
}
.agrement_api_merchant .compy_info input, .form-group input {
  	border-radius: 0rem;
}
.com_info_input_1 {
  	display: inline;
  	float: left;
}
.account_profile .col-lg-12 {
  	margin-top: 0.5rem;
}
.curr_op_mer_api {
  	padding: 0rem;
  	margin-top: 0.5rem;
}
.curr_op_mer_api .com_info_input_1 {
  	padding: 0rem;
  	margin-top: 0.5rem;
}
.global_di_of_custmer {
  	margin-top: 1rem;
}
.global_di_of_custmer .com_info_input .compy_info .form-group > span {
	position: absolute;
	padding-left: 0.5rem;
	width: 92%;
	margin-top: 0.5rem;
	color: #6c757d;
}
.global_di_of_custmer .com_info_input .compy_info .form-group>span span {
  	color: inherit;
}
.global_di_of_custmer .com_info_input .compy_info .form-group input {
	position: relative;
	background: white;
}
.global_di_of_custmer .com_info_input .compy_info .form-group input:invalid {
  	background: none;
}
.sales_method .form-control {
  	margin-top: 1rem;
}
.agrement_api_merchant .error_message {
	background-color: #d8f1eb;
	padding: 1rem 1.5rem;
	margin-top: 2rem;
	border-radius: 0.3rem;
}
.agrement_api_merchant .error_message p {
	letter-spacing: 0rem;
	color: #538d7e;
	font-size: 1rem;
	margin: 0rem;
	padding: 0rem;
}
.card_holder_mess_box {
	margin-top: 1rem;
	padding: 0rem;
}
.card_holder_mess_box3 {
	margin-top: 4rem;
	margin-bottom: 1rem;
	padding: 0rem;
}
.card_holder_mess_box input {
  	border-radius: 0rem;
}
.card_holder_mess_box2 input {
  	border-radius: 0rem;
}
.card_holder_mess_box2 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.specfic_repre_warrantes p {
	letter-spacing: 0rem;
	color: inherit;
	font-size: 1rem;
	margin: 0rem;
	margin-top: 0.5rem;
	padding: 0rem;
}
.specfic_repre_warrantes .hedding {
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}
.btn_update_agre_merc_api {
  	margin: 0 auto;
  	text-align: center;
}
.btn_update_agre_merc_api button {
  	width: 30%;
}
.clearfix {
  	clear: both;
}
.check_radio {
    display: block;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0rem;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */
.check_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.check_radio:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.check_radio input:checked ~ .checkmark {
    background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.check_radio input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.check_radio .checkmark::after {
	top: 6px;
	left: 7px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: white;
}
/*==================End Agreement Merchant API===================================*/
/*====================== Buy-Debit-Card =================================*/
.color_1 {
    color: #ccc;
}
.prepad_card {
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5rem;
    margin-top: 3rem;
}
.prepaid_card_input .prepaid_card_info {
    display: inline;
    float: left;
}
.col_mobile {
    padding-right: 0rem;
    padding-left: 0rem;
}
.col_2_mobile {
    padding-left: 0rem;
}
.col_2_mobile select {
    padding: 0rem;
}
.prepaid_card_input .prepaid_card_info .form-group > span {
	position: absolute;
	padding-left: 0.6rem;
	vertical-align: middle;
	margin-top: 0.5rem;
	font-size: inherit;
	font-weight: lighter;
	width: 90%;
}
.prepaid_card_input .prepaid_card_info .form-group>span span {
  	color: red
}
.prepaid_card_input .prepaid_card_info .form-group input {
	position: relative;
	background: white;
}
.prepaid_card_input .prepaid_card_info .form-group input:invalid {
  	background: none;
}
.prepaid_card_input .prepaid_card_info .check_radio {
    padding-left: 1rem;
}
.prepaid_card_content .details-text {
    padding-right: 2rem;
    padding-left: 1rem;
    color: #01c08d;
    font-size: 1rem;
}
.no-right-padding {
    padding-right: 0rem;
}
.margin_top {
    margin-top: 0.5rem auto;
}
.agree_check_box {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
}
.pay_by_btn {
    padding-bottom: 2rem;
}
.my_btn_pay_wallet {
    color: #fff;
    background-color: #37c5f3;
    border-color: #37c5f3;
}
.my_btn_pay_wallet:hover, .my_btn_pay_wallet:active, .my_btn_pay_wallet:focus {
    color: #fff;
    background-color: #37c5f3;
    border-color: #37c5f3;
}
/*====================== END Buy-Debit-Card =================================*/
/*====================== Buy-Debit-Card-step-2 ======================================*/
.prepad_card_1 {
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 3rem;
}
.card_detail_step_2 .buss_pro {
    display: inline-block;
    float: left;
    margin: 1rem auto;
}
.card_detail_step_2 .buss_pro .active {
    background-color: #37c5f3;
    color: #fff !important;
}
.card_detail_step_2 .buss_pro a {
    color: #fff;
    width: 100%;
    font-size: 1rem;
}
.card_detail_step_2 .upload_btn {
    background-color: #e6ebef;
    color: #525156 !important;
}
.card_detail_step_content {
    padding: 2rem;
    padding-right: 4rem;
    padding-left: 4rem;
    padding-top: 0rem;
}
/*.card_detail_step_content*/ 
.card-col-sm .col-sm-4 {
    display: inline;
    float: left;
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-right: 0rem;
}
.card_detail_step_content ul {
    padding-left: 1.7rem;
}
.card_detail_step_content ul li {
    font-weight: 300;
    font-size: 0.93rem;
}
.easy_ordering_img {
    padding: 0.5rem 0rem;
}
.input_max_width_82 {
  max-width: 82% !important;
}

.login_border {
	padding: 0px; 
	/*border:3px solid #8b1025;*/
	/*border:3px solid red;*/
}
.login_border_black {
	border:2px solid #000;
}



/*======================= END Buy-Debit-Card-step-2 =====================================*/


@media screen and (max-width: 1300px) and (min-width: 1200px) {
	.errspan-angle-down {
    	right: -1px;
  	} 
  	.third-party-step-2-input span {
    	width: 36%;
  	}
  	.third-party-step-2-input input {
    	width: 63%;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 0% 2% 2%;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 1.2rem !important;
  	}
  	.my-col-top-margin img {
    	height: 5rem;
  	}
  	.card_top1212x {
		width: 70%;
		margin-left: 1em;
		border-radius: 5px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
  	.errspan-angle-down {
    	right: -1px;
  	} 
  	.third-party-step-2-input span {
    	width: 36%;
  	}	
  	.third-party-step-2-input input {
    	width: 63%;
  	}
  	.error-message-third-3 img {
    	height: 100px;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 17% 2% 3%;
    	font-size: 13px;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 1.2rem !important;
  	}
  	.my-col-top-margin img {
    	height: 5rem;
  	}
  	.third-party .error-messag img {
    	height: 5.5rem;
  	}
  	.card_top1212x {
		width: 68%;
		margin-left: 1em;
		border-radius: 5px;
	}
	.jsj8kp59label {
		width: 30% !important;
	}
	.slogan1 a {
		text-align: center;
	}
}
                                                                                                                                                                                                        
@media screen and (max-width: 1024px) and (min-width: 991px) {
  	.no-padding {
    	margin-top: -8.5%;
  	}
  	.contents .personal-acc-info {
    	margin-left: 10%;
    	margin-right: 10%;
  	}
  	.errspan-angle-down {
    	right: -2px;
  	}
  	.third-party-step-2-input span {
    	width: 34%;
  	}
  	.third-party-step-2-input input {
    	width: 65%;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 0% 2% 2%;
    	font-size: 13px;
  	}
  	.offcanvas-collapse {
    	position: unset;
    	left: 0;
    	width: auto;
    	background-color: transparent;
  	}	
  	.db-wallets > .card-body .value {
    	font-size: 0.8rem !important;
  	}
  	.my-col-top-margin img {
    	height: 7rem;
  	}
  	.exch-banking-last-day .pay_in_name {
    	font-size: 14px;
  	}
  	.exch-banking-last-day {
    	padding-right: 0rem;
  	}
  	.btns a {
    	font-size: 0.9rem
  	}
  	.third-party-step-2-input span {
    	width: 47%;
  	}
  	.third-party-step-2-input input {
    	width: 50%;
  	}
  	.third-party .error-messag img {
    	height: 6rem;
  	}
  	.third-party .error-messag p {
    	margin-top: 1rem;
  	}
  	.business_profile .buss_pro a {
		font-size: 0.7rem;
	}
	.user_doc_pro_upload span {
		font-size: 0.9rem;
	}
/*====================== Buy-Debit-Card =================================*/
  	.debit_card_sidebar> div{
    	margin-left: 29px;
  	}
  	.debit_card_top_content {
    	padding-right: 36px;
    	padding-left: 36px;
  	}
  	.mobile_heading {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
  	}
  	.mobile_heading_2 {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
    	padding: 0rem;
  	}	
/*====================== END Buy-Debit-Card =================================*/
	
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 40% !important;
	}
	.card_top1212x {
		width: 65%;
		margin-left: 2em;
		border-radius: 5px;
	}
	.slogan1 a {
		text-align: center;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  	.collapse:not(.show) {
    	display: none !important;
  	}
  	.depo_content {
    	width: 100%;
    	padding-right: 0rem;
    	padding-left: 0rem;
  	}
  	.db-wallets .card-body {
    	text-align: center;
  	}
  	.sidebar > div {
    	width: 224px;
    	margin-left: 1rem;
    	margin-right: auto;
  	}
  	.db-wallets .slogan {
    	font-size: 27px;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 0.8rem !important;
  	}
  	.my-col-top-margin img {
    	height: 7rem;
  	}
  	.exch-banking-last-day .pay_in_name {
    	font-size: 14px;
  	}
  	.exch-banking-last-day {
    	padding-right: 0rem;
  	}
  	.btns a {
    	font-size: 0.8rem
  	}
  	.third-party-step-2-input span {
    	width: 47%;
  	}
  	.third-party-step-2-input input {
    	width: 50%;
  	}
  	.third-party .error-messag img {
    	height: 6rem;
  	}
  	.third-party .error-messag p {
    	margin-top: 1rem;
  	}
	.business_profile .buss_pro a {
		font-size: 0.7rem;
	}
	.user_doc_pro_upload span {
		font-size: 0.82rem;
	}
/*====================== Buy-Debit-Card =================================*/
  	.debit_card_sidebar> div{
    	margin-left: 29px;
  	}
  	.debit_card_top_content {
    	padding-right: 36px;
    	padding-left: 36px;
  	}
  	.mobile_heading {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
  	}
  	.mobile_heading_2 {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
    	padding: 0rem;
  	}
/*====================== END Buy-Debit-Card =================================*/
	
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 46% !important;
	}
	.card_top1212x {
		width: 66%;
		margin-left: 2%;
		border-radius: 5px;
	}
	.slogan1 a {
		text-align: center;
	}
}

@media screen and (max-width: 767px) and (min-width: 480px) {
  	.no-padding {
    	margin-top: -8.5%;
  	}
  	.contents .personal-acc-info {
    	margin-left: 10%;
    	margin-right: 10%;
  	}
  	.errspan-angle-down {
    	right: -2% !important;
  	}
	.third-party .error-messag img {
    	height: 90px;
    }
  	.third-party-fees-input input {
    	margin-bottom: 2%;
  	}
  	.third-party .country-angle-down-icon {
    	right: -15px;
  	}
  	.third-party-step-2-input input {
    	width: 59%;
  	}
  	.third-party-step-2-input span {
    	width: 40%;
  	}
  	.error-message-third-3 img {
    	height: 100px;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 8% 2% 4%;
    	font-size: 13px;
  	}
	.setting-card-text-step-3 p {
    	margin-left: 0rem;
  	}
  	.collapse:not(.show) {
    	display: none;
  	}
  	.db-wallets > .card-body .creat_wallet_col_4 {
    	margin-top: 7px;
    	margin: 0 auto;
    	text-align: center;
  	}
  	.offcanvas-collapse {
    	position: fixed;
    	top: 5.6em;
    	bottom: 0;
    	left: 100%;
    	width: 100%;
    	padding-right: 1rem;
    	padding-left: 1rem;
    	overflow-y: auto;
	    visibility: hidden;
	    background-color: #fff;
	    transition-timing-function: ease-in-out;
	    transition-duration: .3s;
	    transition-property: left, visibility;
	    z-index: 1000;
  	}
  	.offcanvas-collapse.open {
	    left: 0;
	    visibility: visible;
  	}
  	.depo_content {
	    width: 100%;
	    padding-right: 1rem;
	    padding-left: 1rem;
  	}
  	.db-wallets .card-body {
    	text-align: center;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 0.9rem !important;
  	}
  	.align-items-center .col-lg-4 {
    	margin-top: 0.8rem;
    	text-align: center;
  	}	
  	.exch-banking-last-day .pay_in_name {
    	font-size: 14px;
  	}
	.business_profile .buss_pro a {
		font-size: 0.9rem;
	}
	.user_doc_pro_upload span {
		font-size: 0.88rem;
	}
  	.agrement_api_merchant h2 {
    	font-size: 1.2rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info .form-group > span {
    	width: 90%;
  	}
  	.curr_op_mer_api .com_info_input_1 {
    	font-size: 0.9rem;
  	}
  	.card_holder_mess_box span {
    	font-size: 0.8rem;
  	}
  	.card_holder_mess_box {
    	margin-top: 0rem;
    	margin-bottom: 0rem;
    	padding: 0rem;
  	}
/*====================== Buy-Debit-Card =================================*/
  	.mobile_heading {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
  	}		
  	.mobile_heading_2 {
    	margin-top: 0.5rem;
    	font-size: 0.88rem;
    	padding: 0rem;
  	}
/*====================== END Buy-Debit-Card =================================*/
	.card_top1212x {
		width: 100%;
		margin-left: 0em;
		margin-top: 0.5em;
	}
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 50% !important;
	}
	.slogan1 a {
		text-align: center;
	}
	/*.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}*/
}

@media screen and (max-width: 575px) and (min-width: 320px) { 
	.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}
}


@media screen and (max-width: 480px) and (min-width: 320px) { 
  	.navbar .nav-item > a.nav-link {
    	font-size: 15px;
    	padding:0px;
    	line-height: 30px;
  	}
  	.no-padding {
    	margin-top: -12.5%;
  	}
  	.contents .personal-acc-info {
    	margin-left: 0%;
    	margin-right: 0%;
  	}
  	.account-info-headding {
    	padding-right: 7%;
    	padding-left: 7%;
  	}
  	.account-info-headding h2 {
    	font-size: 1rem;
  	}
  	.pa-text span {
    	font-size: 16px;
    	padding: 2%;
  	}
  	.account-info-headding h3 {
    	font-size: 14px;
  	}
  	.text-agreement {
    	font-size: 11px;
    	color: #606060;
  	}
	.errspan-angle-down {
    	right: -2px !important;
  	}
  	.error-message2 img {
    	height: 150px;
  	}
  	.error-message2 p {
    	margin-top: 0px;
    	padding: 1% 0% 2% 3%;
    	color: #528d7b;
    	font-size: 13px;
    	position: to;
    	position: absolute;
    	top: 6%;
    	left: 3%;
    	right: 5%;
  	}
  	.third-party .error-messag img {
    	height: 130px;
  	}
  	.errspan-angle-down {
    	right: -0.5% !important;
  	}
  	.third-party-fees-input span {
    	width: 13%;
    	margin-bottom: 7%;
  	}
  	.third-party-fees-input input {
    	width: 86%;
  	}
  	.third-party .country-angle-down-icon {
    	right: -2px;
  	}
	.error-message-third-2 img {
    	height: 134px;
  	}
  	.error-message-third-2 p {
	    margin-top: 3px;
	    padding: 1% 4% 2% 5%;
	    color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    top: 2px;
	    left: 0;
  	}
  	.th-margin-left {
		margin-left: -1%;
		max-width: 100%;
		margin-top: 4%;
  	}
  	.third-party-step-2-input span {
	    width: 40%;
	    font-size: 14px;
  	}
  	.third-party-step-2-input input {
	    width: 59%;
	    font-size: 14px;
  	}
	.error-message-third-3 img {
    	height: 123px;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 4% 2% 7%;
  	}
  	.setting-card-text-step-3 p {
	    margin-left: 0rem;
	    font-size: 1rem;
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
  	}
  	.offcanvas-collapse {
    	top: 5.7rem;
  	}
  	.collapse:not(.show) {
    	display: none;
  	}
  	.navbar-toggler {
    	padding: 0.4rem;
  	}
  	.depo_content {
    	width: 100%;
    	padding-right: 1rem;
    	padding-left: 1rem;
  	}
  	.db-wallets > .card-body {
    	padding-top: 1rem;
    	padding-bottom: 1rem;
  	}
  	.db-wallets .slogan {
    	font-size: 1.5rem;
  	}
  	.offcanvas-collapse {
	    position: fixed;
	    top: 5.6em;
	    bottom: 0;
	    left: 100%;
	    width: 100%;
	    padding-right: 1rem;
	    padding-left: 1rem;
	    overflow-y: auto;
	    visibility: hidden;
	    background-color: #fff;
	    transition-timing-function: ease-in-out;
	    transition-duration: .3s;
	    transition-property: left, visibility;
	    z-index: 1000;
	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 0.8rem !important;
  	}
  	.align-items-center .col-lg-4 {
    	margin-top: 0.8rem;
    	text-align: center;
  	}
  	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.depo_content .card-title {
    	padding-right: 0.2rem;
    	padding-left: 0.2rem;
    	font-size: 17px;
  	}
  	.depo_content .card-title .float-right {
    	font-size: 0.7rem;
  	}
  	.tab-1 .step-1 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 0.8rem;
  	}
  	.step-2 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 0.8rem;
  	}
  	.step-1 {
    	font-size: 0.8rem;
  	}
  	.step-2 {
    	font-size: 0.8rem;
  	}
  	.step-3 {
    	font-size: 0.8rem;
  	}
  	.step-3 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 0.8rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 2rem;
  	}
  	.exch-banking-last-day .pay_in_name {
    	font-size: 1.4rem;
  	}
  	.error-message-ban-depo-stp-2 img {
    	height: 118px;
  	}
  	.business_profile .buss_pro {
		margin: 1rem auto;
	}
	.busi_com_info h2 {
		font-size: 1.5rem;
	}
	.mobile_update_btn {
		display: block;
	}
	.full_width_update_btn {
		display: none;
	}
	.udload_doc_btn button {
		width: 100%;
	}
	.user_doc_pro_upload span {
		font-size: 0.8rem;
	}
  	.agrement_api_merchant h2 {
    	font-size: 1rem;
  	}
  	.account_profile .com_info_input_1 span {
    	font-size: 0.9rem !important;
  	}
  	.account_profile .com_info_input_1 {
    	padding-left: 0rem;
    	padding-right: 0rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info .form-group > span {
    	width: 97%;
    	font-size: 0.9rem;
  	}
	.global_di_of_custmer .com_info_input .compy_info {
		padding: 0rem;
	}
  	.agrement_api_merchant .error_message p {
	    letter-spacing: 0rem;
	    color: #538d7e;
	    font-size: 0.9rem;
	    margin: 0rem;
	    padding: 0rem;
  	}
  	.agrement_api_merchant span {
    	font-size: 0.9rem;
  	}
  	.agrement_api_merchant ul li {
    	font-size: 0.9rem;
  	}
  	.card_holder_mess_box {
	    margin-top: 0rem;
	    margin-bottom: 0rem;
	    padding: 0rem;
  	}
  	.card_holder_mess_box2 {
    	margin-top: 0rem;
	    padding: 0rem;
  	}
  	.card_holder_mess_box3 {
	    margin-top: 0rem;
	    margin-bottom: 0rem;
	    padding: 0rem;
  	}
	.specfic_repre_warrantes p {
		font-size: 0.9rem;
	}
  	.curr_op_mer_api .com_info_input_1 {
    	font-size: 0.8rem;
  	}
  	.card_holder_mess_box span {
    	font-size: 0.8rem;
  	}
/*====================== Buy-Debit-Card =================================*/
  	.col_2_mobile {
    	padding-right: 0rem;
  	}
  	.products {
    	margin-top: 1rem;
  	}
  	.prepaid_card_input .prepaid_card_info .form-group > span {
    	width: 86%;
    	font-size: small;
  	} 
  	.no_padding_left {
    	padding-left: 0rem;
    	margin-bottom: 1rem;
  	}
/*====================== END Buy-Debit-Card =================================*/
/*======================= Buy-Debit-Card-step-2 =====================================*/
	.card-col-sm .col-sm-4 {
    	padding-top: 1rem;
    	padding-bottom: 0rem;
  	}
/*======================= END Buy-Debit-Card-step-2 =====================================*/
	.card_top1212x {
		width: 100%;
		margin-left: 0em;
		margin-top: 2.5em;
	}
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 100% !important;
	}
	.my-col-top-margin img {
		height: 100px;
	}
	.error-message-text {
		left: 7.3%;
	}
	.slogan1 a {
		text-align: center;
	}
	.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}
	.business_profile .buss_pro {
		margin: 1rem auto;
		margin-bottom: 0em;
	}
}

@media screen and (max-width: 320px) and (min-width: 480px) {
  	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.step-form .card-title {
    	padding: 1rem;
  	}
  	.step-2-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-2-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-2-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-2 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-3 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-1-form.progress_bar {
    	width: 9%;
    	right: -2px;
    	top: -3px;
  	}
  	.step-2-form .progress_bar {
    	width: 9%;
    	right: -2px;
    	top: -3px;
  	}
  	.details-text {
    	padding-left: 0.5rem;
  	}
  	.details-text h3 {
    	font-size: 1rem;
  	}
  	.error-message1 {
    	margin: 1%;
  	}
  	.error-message1 p {
    	padding: 1% 0% 2% 5%;
    	font-size: 12px;
  	}
  	.fa-info-circle {
    	font-size: 1rem !important;
  	}
  	.form-input-text {
    	padding-right: 0rem;
    	padding-left: 0rem;
  	}
  	.errspan-angle-down {
    	right: 5px !important;
  	}
	.error-message2 {
	    margin: 1%;
    	margin-left: 0.7rem;
    	margin-right: 0.7rem;
    	position: relative;
  	}
  	.error-message2 img {
    	height: 200px !important;
  	}
  	.error-message2 p {
	    margin-top: 0px;
	    padding: 1% 0% 2% 3%;
	    color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    top: 6%;
	    left: 3px;
	    right: 1px !important;
  	}
  	.third-party .error-messag img {
    	height: 200px !important;
  	}
  	.third-party .error-messag p {
    	margin-top: -4%;
    	padding: 1% 0% 2% 3%;
    	color: #528d7b;
    	font-size: 13px;
    	position: to;
    	position: absolute;
    	left: 7px;
    	right: 5%;
  	}
  	.third-party-step .step-1 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .step-2 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .step-3 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .indicater {
    	text-align: center;
    	margin-top: 6%;
    	margin-bottom: 6%;
  	}
  	.third-party-fees-input span {
    	width: 20%;
    	display: inline;
    	float: left;
    	margin-top: 1%;
    	color: #aeaeae;
  	}
  	.third-party-fees-input input {
    	width: 79%;
    	display: inline;
    	float: left;
    	margin-left: 1%;
    	margin-bottom: 4%;
  	}
  	.third-party .errspan-angle-down {
    	top: 19px;
    	right: 5px !important;
    	height: 14.5%;
  	}
	.third-party .country-angle-down-icon {
      	top: 127px;
      	right: 5px;
      	height: 14.5%;
  	}
  	.third-party-total-amount-input input {
    	width: 52%;
  	}
  	.third-party-total-amount-input span {
    	width: 47%;
  	}
  	.error-message-third-2 img {
    	height: 210px !important;
  	}
  	.error-message-third-2 p {
    	font-size: 13px;
  	}
  	.th-margin-left {
    	margin-left: 4% !important;
    	max-width: 91% !important;
    	margin-top: 6%;
  	}
  	.third-party-step-2-input span {
    	width: 46% !important;
    	font-size: 12px !important;
    	margin-top: 3%;
  	}
  	.third-party-step-2-input input {
    	width: 53% !important;
    	font-size: 12px !important;
  	}
  	.third-party-step-full-input span {
    	width: 44%;
    	font-size: 13px;
  	}
  	.third-party-step-full-input input {
    	width: 55%;
    	font-size: 13px;
  	}
	.error-message-third-3 img {
    	height: 122px !important;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 0% 2% 5%;
    	font-size: 13px;
  	}
  	.setting-card .detail-text h3 {
    	font-size: 1.2rem;
  	}
  	.setting-card-text p {
    	margin-left: 1rem;
    	font-size: 0.8rem;
  	}
  	.setting-card .detail-text {
    	padding-right: 1rem;
    	padding-left: 1rem;
  	}
  	.setting-card-upload {
    	padding-left: 1rem;
    	padding-right: 1rem;
    	font-size: 13px;
  	}
  	.setting-card-3 .detail-text {
	    padding-right: 1rem;
	    padding-left: 1rem;
	    padding-top: 2rem;
  	}
  	.setting-card-3 .detail-text h3 {
    	font-size: 1.6rem;
  	}
  	.setting-card-text-step-3 .color-p {
    	font-size: 1rem;
  	}
  	.setting-card-text-step-3 p {
    	margin-left: 0rem;
    	font-size: 1rem;
    	padding-left: 0.5rem;
    	padding-right: 0.5rem;
  	}
  	.collapse:not(.show) {
    	display: none;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.offcanvas-collapse {
    	top: 5.5rem;
  	}
  	.depo_content {
    	width: 100%;
    	padding-right: 1rem;
    	padding-left: 1rem;
  	}
  	.db-wallets > .card-body {
    	padding-top: 1rem;
    	padding-bottom: 1rem;
  	}
  	.db-wallets .slogan {
    	font-size: 1.5rem;
  	}
  	.offcanvas-collapse {
    	position: fixed;
    	top: 8.3em;
    	bottom: 0;
	    left: 100%;
	    width: 100%;
	    padding-right: 1rem;
	    padding-left: 1rem;
	    overflow-y: auto;
	    visibility: hidden;
	    background-color: #fff;
	    transition-timing-function: ease-in-out;
	    transition-duration: .3s;
	    transition-property: left, visibility;
	    z-index: 1000;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.navbar-brand {
    	margin-right: 0rem !important;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 0.6rem !important;
  	}
  	.align-items-center .my-col-top-margin {
    	display: none !important;
  	}
  	.align-items-center .col-lg-4 {
    	margin-top: 0.8rem;
    	text-align: center;
  	}
  	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.depo_content .card-title {
    	padding-right: 0.2rem;
    	padding-left: 0.2rem;
  	}
  	.depo_content .card-title .float-right {
    	font-size: 0.7rem;
 	}
  	.tab-1 .step-1 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.step-2 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.step-3 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem;
  	}
  	.exch-banking-last-day .pay_in_name {
    	font-size: 1rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem !important;
  	}
  	.btns a {
    	margin: 0rem;
    	margin-top: 0.4rem;
  	}
  	.error-message-ban-depo-stp-2 img {
    	height: 174px;
  	}
  	.my-col-top-margin img {
    	height: 7rem;
  	}
/*=========== Business Profile ==============*/
  	.business_profile .buss_pro {
		margin: 1rem auto;
	}
	.busi_com_info h2 {
		font-size: 1.5rem;
	}
	.mobile_update_btn {
		display: block;
	}
	.full_width_update_btn {
		display: none;
	}
	.udload_doc_btn button {
		width: 100%;
	}
	.user_doc_pro_upload span {
		font-size: 0.8rem;
	}
  	.agrement_api_merchant h2 {
    	font-size: 1rem;
  	}
	.account_profile .com_info_input_1 span {
    	font-size: 0.9rem !important;
  	}
  	.account_profile .com_info_input_1 {
    	padding-left: 0rem;
    	padding-right: 0rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info .form-group > span {
    	width: 97%;
    	font-size: 0.8rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info {
    	padding: 0rem;
  	}
  	.agrement_api_merchant .error_message p {
    	letter-spacing: 0rem;
    	color: #538d7e;
    	font-size: 0.8rem;
    	margin: 0rem;
    	padding: 0rem;
  	}
  	.agrement_api_merchant span {
    	font-size: 0.9rem;
  	}
  	.agrement_api_merchant ul li {
    	font-size: 0.9rem;
  	}
  	.card_holder_mess_box {
    	margin-top: 0rem;
    	margin-bottom: 0rem;
    	padding: 0rem;
  	}
  	.card_holder_mess_box2 {
    	margin-top: 0rem;
	    padding: 0rem;
  	}
  	.card_holder_mess_box3 {
    	margin-top: 0rem;
    	margin-bottom: 0rem;
    	padding: 0rem;
  	}
  	.specfic_repre_warrantes p {
    	font-size: 0.9rem;
  	}
  	.curr_op_mer_api .com_info_input_1 {
    	font-size: 0.8rem;
  	}
  	.card_holder_mess_box span {
    	font-size: 0.8rem;
  	}
/*====================== Buy-Debit-Card =================================*/
  	.debit_card_step_1 .btn {
    	padding: 0.3rem 0.1rem;
    	line-height: 0;
  	}
  	.col_2_mobile {
    	padding-right: 0rem;
  	}
  	.products {
    	margin-top: 1rem;
  	}
  	.prepaid_card_input .prepaid_card_info .form-group > span {
    	width: 86%;
    	font-size: small;
  	} 
  	.no_padding_left {
    	padding-left: 0rem;
    	margin-bottom: 1rem;
  	}
/*====================== END Buy-Debit-Card =================================*/
/*======================= Buy-Debit-Card-step-2 =====================================*/
	.card_detail_step_content {
     	padding-right: 0rem; 
     	padding-left: 0rem; 
  	}
  	.card-col-sm .col-sm-4 {
    	padding-top: 1rem;
    	padding-bottom: 0rem;
  	}	
/*======================= END Buy-Debit-Card-step-2 =====================================*/
	.card_top1212x {
		width: 100%;
		margin-left: 0em;
		margin-top: 2.5em;
	}
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 100% !important;
	}
	.my-col-top-margin img {
		height: 100px;
	}
	.error-message-text {
		left: 7.3%;
	}
	.slogan1 a {
		text-align: center;
	}
	.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}
	.business_profile .buss_pro {
		margin: 1rem auto;
		margin-bottom: 0em;
	}
	.busi_com_info h2 {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 320px) and (min-width: 220px) {
	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.step-form .card-title {
    	padding: 1rem;
  	}
  	.step-2-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-2-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
 	}
  	.step-2-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-2 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-3 {
    	width: 30%;
    	display: inline;
    	font-size: 12px;
  	}
  	.step-1-form.progress_bar {
    	width: 9%;
    	right: -2px;
    	top: -3px;
  	}
  	.step-2-form .progress_bar {
    	width: 9%;
    	right: -2px;
    	top: -3px;
  	}
  	.details-text {
    	padding-left: 0.5rem;
  	}
  	.details-text h3 {
    	font-size: 1rem;
  	}
  	.error-message1 {
    	margin: 1%;
  	}
  	.error-message1 p {
    	padding: 1% 0% 2% 5%;
    	font-size: 12px;
  	}
  	.fa-info-circle {
    	font-size: 1rem !important;
  	}
  	.form-input-text {
    	padding-right: 0rem;
    	padding-left: 0rem;
  	}
  	.errspan-angle-down {
    	right: 5px !important;
  	}
	.error-message2 {
	    margin: 1%;
	    margin-left: 0.7rem;
	    margin-right: 0.7rem;
	    position: relative;
  	}
  	.error-message2 img {
    	height: 200px !important;
  	}
	.error-message2 p {
    	margin-top: 0px;
    	padding: 1% 0% 2% 3%;
    	color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    top: 6%;
	    left: 3px;
	    right: 1px !important;
  	}
  	.third-party .error-messag img {
    	height: 200px !important;
  	}
  	.third-party .error-messag p {
	    margin-top: -4%;
	    padding: 1% 0% 2% 3%;
	    color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    left: 7px;
	    right: 5%;
  	}
  	.third-party-step .step-1 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .step-2 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .step-3 .step {
    	height: 20px;
    	width: 20px;
    	font-size: 13px;
  	}
  	.third-party-step .indicater {
    	text-align: center;
    	margin-top: 6%;
   		margin-bottom: 6%;
  	}
  	.third-party-fees-input span {
    	width: 20%;
    	display: inline;
    	float: left;
    	margin-top: 1%;
    	color: #aeaeae;
  	}
  	.third-party-fees-input input {
    	width: 79%;
    	display: inline;
    	float: left;
    	margin-left: 1%;
   		margin-bottom: 4%;
  	}
  	.third-party .errspan-angle-down {
    	top: 19px;
    	right: 5px !important;
    	height: 14.5%;
  	}
    .third-party .country-angle-down-icon {
      	top: 127px;
      	right: 5px;
      	height: 14.5%;
  	}
  	.third-party-total-amount-input input {
    	width: 52%;
  	}
  	.third-party-total-amount-input span {
    	width: 47%;
  	}
  	.error-message-third-2 img {
    	height: 210px !important;
  	}
  	.error-message-third-2 p {
    	font-size: 13px;
  	}
  	.th-margin-left {
    	margin-left: 4% !important;
    	max-width: 91% !important;
    	margin-top: 6%;
  	}
  	.third-party-step-2-input span {
    	width: 46% !important;
    	font-size: 12px !important;
    	margin-top: 3%;
  	}
  	.third-party-step-2-input input {
    	width: 53% !important;
    	font-size: 12px !important;
  	}
  	.third-party-step-full-input span {
    	width: 44%;
    	font-size: 13px;
  	}
  	.third-party-step-full-input input {
    	width: 55%;
    	font-size: 13px;
  	}
  	.error-message-third-3 img {
    	height: 122px !important;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 0% 2% 5%;
    	font-size: 13px;
  	}
  	.setting-card .detail-text h3 {
    	font-size: 1.2rem;
  	}
  	.setting-card-text p {
   	 	margin-left: 1rem;
    	font-size: 0.8rem;
  	}
  	.setting-card .detail-text {
    	padding-right: 1rem;
    	padding-left: 1rem;
  	}
  	.setting-card-upload {
    	padding-left: 1rem;
    	padding-right: 1rem;
    	font-size: 13px;
  	}
  	.setting-card-3 .detail-text {
	    padding-right: 1rem;
	    padding-left: 1rem;
	    padding-top: 2rem;
  	}
  	.setting-card-3 .detail-text h3 {
    	font-size: 1.6rem;
  	}
  	.setting-card-text-step-3 .color-p {
    	font-size: 1rem;
  	}
  	.setting-card-text-step-3 p {
    	margin-left: 0rem;
    	font-size: 1rem;
    	padding-left: 0.5rem;
    	padding-right: 0.5rem;
  	}
  	.collapse:not(.show) {
    	display: none !important;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.offcanvas-collapse {
    	top: 5.5rem;
  	}
  	.depo_content {
	    width: 100%;
	    padding-right: 0rem;
	    padding-left: 0rem;
  	}
  	.db-wallets > .card-body {
    	padding-top: 1rem;
    	padding-bottom: 1rem;
  	}
  	.db-wallets .slogan {
    	font-size: 1.5rem;
  	}
  	.offcanvas-collapse {
    	position: fixed;
    	top: 8em;
    	bottom: 0;
    	left: 100%;
    	width: 100%;
    	padding-right: 1rem;
    	padding-left: 1rem;
    	overflow-y: auto;
    	visibility: hidden;
    	background-color: #fff;
    	transition-timing-function: ease-in-out;
    	transition-duration: .3s;
    	transition-property: left, visibility;
    	z-index: 1000;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.navbar-brand {
    	margin-right: 0rem !important;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 14px !important;
  	}
  	.my-col-top-margin {
    	display: none;
  	}
  	.align-items-center .col-lg-4 {
    	margin-top: 0.8rem;
    	text-align: center;
  	}
  	.left-angle-head {
    	font-size: 0.8rem;
  	}
  	.depo_content .card-title {
    	padding-right: 0.2rem;
    	padding-left: 0.2rem;
  	}
  	.depo_content .card-title .float-right {
    	font-size: 0.7rem;
  	}
  	.tab-1 .step-1 .step {
    	height: 20px;
    	font-size: 0.7rem;
    	width: 20px;
  	}
  	.step-2 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.step-3 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem !important;
  	}
  	.btns a {
    	margin: 0rem; 
    	margin-top: 0.5rem;
  	}
  	.error-message-ban-depo-stp-2 img {
    	height: 174px;
  	}
  	.third-party-step .card-title {
    	font-size: 0.7rem;
  	}
  	.my-col-top-margin img {
    	height: 7rem;
  	}
  	.udload_doc_btn button {
		width: 100%;
  	}
  	.user_doc_pro_upload span {
		font-size: 0.8rem;
	}
  	.agrement_api_merchant h2 {
    	font-size: 1rem;
  	}
  	.account_profile .com_info_input_1 span {
    	font-size: 0.9rem !important;
  	}
  	.account_profile .com_info_input_1 {
    	padding-left: 0rem;
    	padding-right: 0rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info .form-group > span {
    	width: 97%;
    	font-size: 0.8rem;
  	}
  	.global_di_of_custmer .com_info_input .compy_info {
    	padding: 0rem;
  	}
  	.agrement_api_merchant .error_message p {
	    letter-spacing: 0rem;
	    color: #538d7e;
	    font-size: 0.8rem;
	    margin: 0rem;
	    padding: 0rem;
  	}
  	.agrement_api_merchant span {
    	font-size: 0.9rem;
  	}
  	.agrement_api_merchant ul li {
    	font-size: 0.9rem;
  	}
  	.card_holder_mess_box {
	    margin-top: 0rem;
	    margin-bottom: 0rem;
	    padding: 0rem;
  	}
  	.card_holder_mess_box2 {
    	margin-top: 0rem;
	    padding: 0rem;
 	}
  	.card_holder_mess_box3 {
	    margin-top: 0rem;
	    margin-bottom: 0rem;
	    padding: 0rem;
  	}
  	.specfic_repre_warrantes p {
    	font-size: 0.9rem;
  	}
  	.curr_op_mer_api .com_info_input_1 {
    	font-size: 0.8rem;
  	}
  	.card_holder_mess_box span {
    	font-size: 0.8rem;
  	}
/*====================== Buy-Debit-Card =================================*/
  	.debit_card_step_1 .btn {
    	padding: 0.3rem 0.1rem;
    	line-height: 0;
  	}
  	.col_2_mobile {
    	padding-right: 0rem;
  	}
  	.products {
    	margin-top: 1rem;
  	}
  	.prepaid_card_input .prepaid_card_info .form-group > span {
    	width: 86%;
    	font-size: small;
  	} 
  	.no_padding_left {
    	padding-left: 0rem;
    	margin-bottom: 1rem;
  	}
/*====================== END Buy-Debit-Card =================================*/
/*======================= Buy-Debit-Card-step-2 =====================================*/
	.card_detail_step_content {
     	padding-right: 0rem; 
     	padding-left: 0rem; 
  	}
  	.card-col-sm .col-sm-4 {
    	padding-top: 1rem;
    	padding-bottom: 0rem;
  	}
/*======================= END Buy-Debit-Card-step-2 =====================================*/
	.card_top1212x {
		width: 100%;
		margin-left: 0em;
		margin-top: 2.5em;
	}
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 100% !important;
	}
	.my-col-top-margin img {
		height: 100px;
	}
	.error-message-text {
		left: 7.3%;
	}
	.slogan1 a {
		text-align: center;
	}
	.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}
	.business_profile .buss_pro {
		margin: 1rem auto;
		margin-bottom: 0em;
	}
	.busi_com_info h2 {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 220px) and (min-width: 320px) {
  	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.step-form .card-title {
    	padding: 1rem;
  	}
  	.step-2-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-2-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-2-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-1 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}
  	.step-1-form .step-2 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}	
  	.step-1-form .step-3 .step {
    	height: 25px;
    	width: 25px;
    	font-size: 15px;
  	}	
  	.step-1 {
	    width: 30%;
	    display: inline;
	    font-size: 12px;
  	}
  	.step-2 {
	    width: 30%;
	    display: inline;
	    font-size: 12px;
  	}
  	.step-3 {
	    width: 30%;
	    display: inline;
	    font-size: 12px;
  	}
  	.step-1-form.progress_bar {
	    width: 9%;
	    right: -2px;
	    top: -3px;
  	}
  	.step-2-form .progress_bar {
	    width: 9%;
	    right: -2px;
	    top: -3px;
  	}
  	.details-text {
    	padding-left: 0.5rem;
  	}
  	.details-text h3 {
    	font-size: 1rem;
  	}
  	.error-message1 {
    	margin: 1%;
  	}
  	.error-message1 p {
    	padding: 1% 0% 2% 5%;
    	font-size: 12px;
  	}
  	.fa-info-circle {
    	font-size: 1rem !important;
  	}
  	.form-input-text {
    	padding-right: 0rem;
    	padding-left: 0rem;
  	}
  	.errspan-angle-down {
    	right: 5px !important;
  	}
  	.error-message2 {
	    margin: 1%;
	    margin-left: 0.7rem;
	    margin-right: 0.7rem;
	    position: relative;
  	}
  	.error-message2 img {
    	height: 200px !important;
  	}
	.error-message2 p {
	    margin-top: 0px;
	    padding: 1% 0% 2% 3%;
	    color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    top: 6%;
	    left: 3px;
	    right: 1px !important;
  	}
  	.third-party .error-messag img {
    	height: 200px !important;
  	}
  	.third-party .error-messag p {
    	margin-top: -4%;
    	padding: 1% 0% 2% 3%;
	    color: #528d7b;
	    font-size: 13px;
	    position: to;
	    position: absolute;
	    left: 7px;
	    right: 5%;
  	}
  	.third-party-step .step-1 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 13px;
  	}
  	.third-party-step .step-2 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 13px;
  	}
  	.third-party-step .step-3 .step {
	    height: 20px;
	    width: 20px;
	    font-size: 13px;
  	}
  	.third-party-step .indicater {
	    text-align: center;
	    margin-top: 6%;
	    margin-bottom: 6%;
  	}
  	.third-party-fees-input span {
	    width: 20%;
	    display: inline;
	    float: left;
	    margin-top: 1%;
	    color: #aeaeae;
  	}
  	.third-party-fees-input input {
	    width: 79%;
	    display: inline;
	    float: left;
	    margin-left: 1%;
	    margin-bottom: 4%;
  	}
  	.third-party .errspan-angle-down {
	    top: 19px;
	    right: 5px !important;
	    height: 14.5%;
  	}
    .third-party .country-angle-down-icon {
      	top: 127px;
      	right: 5px;
      	height: 14.5%;
  	}
  	.third-party-total-amount-input input {
    	width: 52%;
  	}
  	.third-party-total-amount-input span {
    	width: 47%;
  	}
	.error-message-third-2 img {
    	height: 210px !important;
  	}
  	.error-message-third-2 p {
    	font-size: 13px;
  	}
  	.th-margin-left {
    	margin-left: 4% !important;
    	max-width: 91% !important;
    	margin-top: 6%;
  	}
  	.third-party-step-2-input span {
    	width: 46% !important;
    	font-size: 12px !important;
    	margin-top: 3%;
  	}	
  	.third-party-step-2-input input {
   	 	width: 53% !important;
    	font-size: 12px !important;
  	}	
  	.third-party-step-full-input span {
		width: 44%;
    	font-size: 13px;
  	}
  	.third-party-step-full-input input {
    	width: 55%;
    	font-size: 13px;
  	}	
  	.error-message-third-3 img {
    	height: 122px !important;
  	}
  	.error-message-third-3 .susses-message-1 {
    	padding: 1% 0% 2% 5%;
    	font-size: 13px;
  	}		
  	.setting-card .detail-text h3 {
    	font-size: 1.2rem;
  	}
  	.setting-card-text p {
    	margin-left: 1rem;
    	font-size: 0.8rem;
  	}
  	.setting-card .detail-text {
    	padding-right: 1rem;
    	padding-left: 1rem;
  	}
  	.setting-card-upload {
    	padding-left: 1rem;
    	padding-right: 1rem;
    	font-size: 13px;
  	}	
  	.setting-card-3 .detail-text {
	    padding-right: 1rem;
	    padding-left: 1rem;
	    padding-top: 2rem;
  	}
  	.setting-card-3 .detail-text h3 {
    	font-size: 1.6rem;
  	}
  	.setting-card-text-step-3 .color-p {
    	font-size: 1rem;
  	}
  	.setting-card-text-step-3 p {
	    margin-left: 0rem;
	    font-size: 1rem;
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
  	}
  	.collapse:not(.show) {
    	display: none !important;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.offcanvas-collapse {
    	top: 5.5rem;
  	}
  	.depo_content {
	    width: 100%;
	    padding-right: 1rem;
	    padding-left: 1rem;
  	}
  	.db-wallets > .card-body {
    	padding-top: 1rem;
    	padding-bottom: 1rem;
  	}
  	.db-wallets .slogan {
    	font-size: 1.5rem;
  	}
  	.offcanvas-collapse {
	    position: fixed;
	    top: 8em;
	    bottom: 0;
	    left: 100%;
	    width: 100%;
	    padding-right: 1rem;
	    padding-left: 1rem;
	    overflow-y: auto;
	    visibility: hidden;
	    background-color: #fff;
	    transition-timing-function: ease-in-out;
	    transition-duration: .3s;
	    transition-property: left, visibility;
	    z-index: 1000;
  	}
  	.offcanvas-collapse.open {
    	left: 0;
    	visibility: visible;
  	}
  	.navbar-brand {
    	margin-right: 0rem !important;
  	}
  	.db-wallets > .card-body .value {
    	font-size: 14px !important;
  	}
  	.my-col-top-margin {
    	display: none;
  	}
  	.align-items-center .col-lg-4 {
    	margin-top: 0.8rem;
    	text-align: center;
  	}
  	.left-angle-head {
    	font-size: 0.9rem;
  	}
  	.depo_content .card-title {
    	padding-right: 0.2rem;
    	padding-left: 0.2rem;
  	}
  	.depo_content .card-title .float-right {
    	font-size: 0.7rem;
  	}
  	.tab-1 .step-1 .step {
    	height: 20px;
    	font-size: 0.7rem;
    	width: 20px;
  	}
  	.step-2 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.step-3 .step {
    	height: 24px;
    	width: 24px;
    	font-size: 0.7rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem;
  	}
  	.exch-banking-last-day {
    	margin-left: 0rem !important;
  	}
  	.udload_doc_btn button {
		width: 100%;
  	}
  	.user_doc_pro_upload span {
		font-size: 0.8rem;
	}
	.agrement_api_merchant h2 {
    	font-size: 0.8rem;
   	}
   	.card_top1212x {
		width: 100%;
		margin-left: 0em;
		margin-top: 2.5em;
	}
	.depo_content {
		margin-top: 0rem !important;
	}
	.jsj8kp59label {
		width: 100% !important;
	}
	.my-col-top-margin img {
		height: 100px;
	}
	.error-message-text {
		left: 7.3%;
	}
	.slogan1 a {
		text-align: center;
	}
	.mob12ile {
		padding-left: 0px;
		margin: 1em 0em;
	}
	.busi_com_info h2 {
		font-size: 1.4rem;
	}
}
.form-input-fields .form-group {
    display: inline; 
    float: left;
    margin-right: 0.5rem;
}
.form-input-fields {
	padding-left: 1.5rem;
}
.history-text .my-panel-body {
	text-align: center;
	padding: 0.5rem;
}
.section-full {
	padding-bottom: 1rem;
}



/*NEW CSS FOR ALL PAGE COMMEN */

.exch-banking-last-day {
    margin-left: 0rem;
    display: block;
    float: left;
}
.exch-banking-last-day .exch-centered {
    position: absolute;
    top: 25% !important;
    left: 23% !important;
    transform: none;
}
.exch-banking-last-day .exch-centered1 {
    position: absolute;
    top: 25% !important;
    left: 30% !important;
    transform: none;
}
.step {
    line-height: -moz-block-height;
}
.setting-card-exp-input .select-angle-down-1 {
	display: none;
}
.setting-card-exp-input .select-angle-down-2 {
	display: none;
}

.top_headin_btn a {
	margin-top: -4em;
}
#nextBtn {
	width: auto !important;
}
.jsj8kp59label1 {
	width: auto !important;
}


@media (max-width:1150px) and (min-width:1025px) {
    .exch-banking-last-day {
		padding-left: 0px !important;
    }
    .img_size {
		width: 75% !important;
    }
    .exch-banking-last-day .exch-centered {
    	top: 25% !important;
    	left: 25% !important;
    }
    .exch-banking-last-day .exch-centered1 {
    	top: 25% !important;
    	left: 25% !important;
    }
    .setting-card-exp-input .select-angle-down-1 {
    	display: none;
    }
    .setting-card-exp-input .select-angle-down-2 {
    	display: none;
    }
    .top_headin_btn a {
		margin-top: -4em;
	}
	.jsj8kp59label1 {
		width: auto !important;
	}
}

@media (max-width:1024px) and (min-width:993px) {
	.exch-banking-last-day {
		padding-left: 0px !important;
	}
	.img_size {
		width: 75% !important;
	}
	.exch-banking-last-day .exch-centered {
		top: 25% !important;
		left: 25% !important;
	}
	.exch-banking-last-day .exch-centered1 {
		top: 25% !important;
		left: 25% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.top_headin_btn a {
		margin-top: -4em;
	}
	.jsj8kp59label1 {
		width: auto !important;
	}
}

@media (max-width:992px) and (min-width:769px) {
	.exch-banking-last-day {
		padding-left: 0px !important;
	}
	.img_size {
		width: 75% !important;
	}
	.exch-banking-last-day .exch-centered {
		top: 20% !important;
		left: 20% !important;
	}
	.exch-banking-last-day .exch-centered1 {
		top: 20% !important;
		left: 20% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.top_headin_btn a {
		margin-top: -4em;
	}
	.jsj8kp59label1 {
		width: auto !important;
	}
}

@media (max-width:768px) and (min-width:641px) {
	.exch-banking-last-day {
		padding-left: 0px !important;
	}
	.img_size {
		width: 75% !important;
	}
	.exch-banking-last-day .exch-centered {
		top: 20% !important;
		left: 20% !important;
	}
	.exch-banking-last-day .exch-centered1 {
		top: 20% !important;
		left: 20% !important;
	}
	.exch-banking-last-day .hover_div_p {
		font-size: 18px !important;
	}
	.exch-banking-last-day .hover_div_p_text {
		font-size: 13px !important;
	}
	.exch-banking-last-day .hover_div_p1 {
		font-size: 18px !important;
	}
	#crcard_no1 {
		margin-bottom: 3% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.error-message2 img {
		height: 68px !important;
	}
	.error-message2 p {
		padding: 1% 1% 2% 3% !important;
	}
	.top_headin_btn a {
		margin-top: -4em;
	}
	.jsj8kp59label1 {
		width: auto !important;
	}
}

@media (max-width:640px) and (min-width:481px) {
	.exch-banking-last-day {
		padding-right: 0 !important;
	}
	.exch-banking-last-day img {
		max-width: 70% !important;
	}
	.exch-banking-last-day .exch-centered {
		position: absolute;
		top: 20% !important;
		left: 14% !important;
		transform: none;
	}
	.exch-banking-last-day .hover_div_p {
		font-size: 17px !important;
	}
	.exch-banking-last-day .hover_div_p_text {
		font-size: 11px !important;
	}
	.exch-banking-last-day .exch-centered1 {
		position: absolute;
		top: 20% !important;
		left: 22% !important;
		transform: none !important;
	}
	#crcard_no1 {
		margin-bottom: 4% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.error-message2 img {
		height: 68px !important !important;
	}
	.error-message2 p {
		padding: 1% 1% 2% 3% !important;
	}
	.top_headin_btn a {
		margin-top: -4em;
	}
	.jsj8kp59label1 {
		width: auto !important;
	}
}

@media (max-width:480px) and (min-width:320px) {
	.exch-banking-last-day {
		position: relative;
		text-align: center;
		color: #212529;
		width: 100% !important; 
		display: inline;
		padding-right: 0px !important;
	}
	.exch-banking-last-day .exch-centered {
		position: absolute;
		top: 20% !important;
		left: 24% !important;
		transform: none;
	}
	.exch-banking-last-day .exch-centered1 {
		position: absolute;
		top: 20% !important;
		left: 33% !important;
		transform: none !important;
	}
	#crcard_no1 {
		margin-bottom: 4% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.error-message2 img {
		height: 94px !important;
	}
	.top_headin_btn a {
		margin-top: -4.9em;
		font-size: 12px;
	}
	.jsj8kp59label1 {
		width: auto !important;
		margin-bottom: 1em;
	}
	.contents {
		margin-top: 3em;
	}
}

@media (max-width:319px) and (min-width:220px) {
	.exch-banking-last-day {
		position: relative;
		text-align: center;
		color: #212529;
		width: 100% !important; 
		display: inline;
		padding-right: 0px !important;
	}
	.exch-banking-last-day .exch-centered {
		position: absolute;
		top: 16% !important;
		left: 25% !important;
		transform: none;
	}
	.exch-banking-last-day .exch-centered1 {
		position: absolute;
		top: 16% !important;
		left: 25% !important;
		transform: none;
	}
	/*.depo_content {
		margin-top: 10%;
	}*/
	.step-2-form  .step-1 .step {
		height: 17px !important;
		font-size: 0.7rem !important;
		width: 17px !important;
	}
	.step-2-form .progress_bar {
		width: 6% !important;
	}
	.step-2-form  .step-2 .step {
		height: 17px !important;
		width: 17px !important;
		font-size: 0.7rem !important;
	}
	.step-2-form  .step-3 .step {
		height: 17px !important;
		width: 17px !important;
		font-size: 0.7rem !important;
	}
	.step-1 {
		font-size: 10.5px !important;
	}
    .step-2 {
    	font-size: 10.5px !important;
    }
    .step-3 {
    	font-size: 10.5px !important;
    }
    .error-message {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.setting-card-fees-input span {
		width: 100% !important;
	}
	.setting-card-fees-input input {
		width: 100% !important;
		margin-left: 0% !important;
		margin-bottom: 2% !important;
	}
	.setting-card-exp-input span {
		width: 100% !important;
	}
	.setting-card-exp-input select {
		width: 100% !important;
		margin-left: 0% !important;
		margin-bottom: 2% !important;
	}
	.setting-card-exp-input .select-angle-down-1 {
		display: none !important;
	}
	.setting-card-exp-input .select-angle-down-2 {
		display: none !important;
	}
	.my-req-btn-2 {
		width: 100% !important;
		font-size: 11px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.top_headin_btn a {
		margin-top: -6em;

	}
	.jsj8kp59label1 {
		width: auto !important;
		margin-bottom: 1em;
	}
	.contents {
		margin-top: 3em;
	}
}

/*END CSS FOR ALL PAGE */