/*-------Max-width: 1890--------*/
@media screen and  (max-width: 1890px) {
    .sliderMain {
        height: 100vh;
    }
    .circular-slider .wrapper .descriptions {
        top: 12%;
    }
    .fixedHeaderMain .infoNavbar{
        box-shadow: 0 2px 4px -1px rgb(0 0 0 / 25%);
        background-color: #fff !important;
    }
}
/*-------Max-width: 1700--------*/
@media screen and  (max-width: 1700px) {
    .stepperMain {
        margin: 0 50px;
        padding-top: 40px;
    }
    ul.infoGraphic {
        padding: 0;
    }
    ul.infoGraphic li {
        max-width: 13em;
        margin: 0 25px;
    }
    ul.infoGraphic li .number {
        font-size: 7em;
        height: 173px;
    }
    ul.infoGraphic li .coverWrap .numberCover::after {
        height: 76%;
    }
    ul.infoGraphic li .coverWrap {
        left: -6em;
    }
    .infoDetail {
        padding: 0 90px;
    }
    .sampleFileBtn {
        font-size: 11px;
    }
    .file-upload-wrapper {
        width: 94%;
    }
    .formColLeftPad {
        padding-left: 10px;
    }
    .track {
        width: 100%;
    }
    .circular-slider .wrapper .descriptions {
        top: 13%;
        width: 500px !important;
        height: 500px !important;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 22%;
    }
    .docsInstruction li {
        width: 23%;
    }
    .docsInstruction li:last-child {
        width: 27%;
    }
}
/*-------Max-width: 1600--------*/
@media screen and  (max-width: 1600px) {
    .circular-slider .wrapper .descriptions {
        top:9%;
    }
    .resentOtp {
        font-size: 14px;
    }
    .signUpResp .instructionSteps {
        font-size: 13px;
        margin-top: 30px;
    }
    .signUpResp h1 {
        font-size: 1.2rem;
    }
    .signUpResp .number {
        line-height: 1.3;
    }
    .docsInstruction li {
        width: 23%;
    }
    .docsInstruction li:last-child {
        width: 27%;
    }
    .docsInstruction img {
        width: 30px;
    }
    .docsInstruction p {
        font-size: 11px;
    }
    .uploadField1 {
        width: 64%;
    }
}
@media screen and  (max-width: 1370px){
    .track {
        margin-top: 7%;
    }
    .signUpResp .instructionSteps {
        font-size: 11px;
        margin-top: 20px;
    }
    .circle--rotate > li .icon {
        height: 9%;
        width: 9%;
    }
    .circle--slider .circle--rotate > li div, .circle--slider .circle--rotate > li.active div {
        font-size: 14px;
    }
    .signUpResp .number {
        line-height: 1.4;
    }
    .circle--slider .prev {
        left: 120px;
    }
    .circle--slider .next {
        right: 120px;
    }
    .resentOtp {
        font-size: 12px;
    }
    .docsInstruction li:last-child {
        width: 28%;
    }
}
@media screen and  (max-width: 1200px){
    .signUpResp{
        min-width: 60% !important;
        margin: 0 auto;
    }
    .bodyMIFStep1Form {
        overflow-y: auto;
        overflow-x: hidden;
    }
    .MIF1Heading {
        font-size: 26px;
    }
    .logo {
        margin-top: 10px;
    }
    .docUploadResp {
        flex: 0 0 auto;
        width: 50%;
    }
}
/*-------Max-width: 1500--------*/
@media screen and  (max-width: 1500px) {
    .circular-slider .wrapper .descriptions {
        top: 10%;
        width: 450px !important;
        height: 450px !important;
    
    }
    .circular-slider .wrapper .descriptions__item h1 {
        font-size: 180%;
        margin-top: 30px;
    }
    .instructionSteps {
        font-size: 12px;
    }
    .btnMerchantSubmit {
        width: 100px;
        padding: 0.375rem 0.55rem;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 32%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 39%;
    }
    .welcomeText {
        font-size: 40px;
    }
    .videoMainInfo::before {
        background-position: right;
    }
    .heading {
        font-size: 26px;
    }
}
/*-------Max-width: 950--------*/
@media screen and (max-width: 999px) {
    .bg {
        height: 100vh;
    }
    .fieldset {
        overflow-y: visible;
    }
    .registerForm .col-sm-4 {
        min-width: 50% !important;
    }
    .logo {
        width: 150px;
    }
    .fixedHeaderMain .heading{
        font-size: 26px;
        margin-left: 50px;
    }
    .registerHeading {
        font-size: 18px;
        margin-bottom: 5%;
    }
    .registerForm .col-sm-4{
        min-width: 50%;
    }
    .docUploadResp{
        min-width: 100%;
    }
    .padL0 {
        padding-left: 0;
        padding-right: 15px;
    }
    .padL1 {
        padding-left: 0;
        padding-right: 0;
    }    
    .registerBtn{
        margin-left: 20px;
        margin-right: 20px;
        padding: 5px 15px;
        width: 130px;
        font-size: 12px;
    }
    .arrow-steps{
        padding-left: 0;
        display: flex;
        overflow-x: auto;
         min-width: 24%;
    	font-size: 10px;
    }
    .previous-step {
        margin-left: 45px !important;
    }
    .arrow-steps .step {
    min-width: 22%;
    font-size: 9px;
    margin-bottom: 5px;
    }
    .arrow-steps .step:after, .arrow-steps .step:before{
        border-bottom: 11px solid transparent;
        right: -16px;
    }
    .register .form-label {
        margin-bottom: 0.1rem;
        font-size: 12px !important;
    }
    .form-control, .form-select, .specialChars {
        font-size: 12px;
    }
    /* .websiteNameModal {
        min-width: 410px;
    } */
    .stepperMain {
        margin: 0 13px;
        padding-top: 40px;
    }
 /*   .track {
        width: 90%;
        margin-top: 1%;
    }*/
    .bodyMIFStep1Form {
        background-size: cover;
        background-position: right;
    }
    .bottomFxdBtn {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .escalationMatrixMain fieldset{
        margin-top: 15px;
    }
    .formColLeftPad {
        padding-left: 110px;
    }
    .signUpResp.respSignUpForm {
	    min-width: 50% !important;
    	margin: 0 auto;
    	max-width: 100%;
   		padding: 0 50px;
}
    .circular-slider .wrapper .descriptions {
        top: 7%;
        width: 480px !important;
        height: 480px !important;
    }
    .signUpResp{
        min-width: 100% !important;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 30%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 45%;
    }
    legend {
        top: -11px;
        font-size: 13px;
    }
    .docUploadDesc {
        list-style: disc;
        font-size: 10px;
    }
    .heading {
        font-size: 22px;
        padding-top: 70px;
    }
    .videoMainInfo {
        padding: 10px 50px;
    }
    .videoStyle {
        height: 300px;
    }
    .welcomeText {
        font-size: 30px;
    }
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgb(44 31 128 / 44%); 
        border-radius: 10px;
        background: #efefef;
      }
                        
      ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px #2c1f80;
        background: #e1e1e1;
      }
      .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .uploadField2 {
        width: 39%;
    }
    .docsInstruction li {
        width: 23%;
    }
    .docsInstruction img {
        width: 27px;
    }
    .docsInstruction p {
        font-size: 8px;
    }
    .mifMain .form-control, .mifMain .form-select, .input-group-text, .form-check-label, .mifModal .form-control {
        font-size: 12px;
    }
    .escalationLeftRightMid, .EscalationFlex1,  .escalationLeftRight{
        padding: 5px 6px;
        padding-right: 6px;
      }
      .padL0 {
        margin-bottom: 10px;
      }
      .docsInstructionLi:before {
        width: 1em;
        height: 1em;
        line-height: 1em;
      }
      .modal-dialog.bankAccModal {
        max-width: 725px;
    }
   .signUpResp.circularSignup {
    overflow-x: clip;
}
}
/*-------Max-width: 780--------*/
@media screen and (max-width: 780px) {
    .circular-slider .wrapper .controls__autoplay {
        bottom: 46%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 32%;
    }
    .logoutImg {
        width: 25px;
    }
    .profileIcons {
        width: 30px;
        height: 30px;
        padding: 0px 2px;
    }
    .escalationMatrixMain fieldset {
        padding: 5px 0;
    }
    .EscalationFlex1 {
        padding: 5px 0px;
    }
    .tifDetailsMain .pl-0, .tifDetailsMain .pr-0 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px;
    }
    .tifDetailsMain .form-check-inline {
        margin-right: 0;
    }
    .evidenceMsg p {
        font-size: 12px;
    }
    .tifDetailsMain .form-check-label{
        font-size: 12px;
    }
    .tifDetailsMain .col-lg-4{
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 5px;
    }
}
/*-------Max-width: 700--------*/
@media screen and (max-width: 700px) {
    .registerForm .col-sm-4{
        min-width: 100% !important;
    }
    .container, .container-sm {
        max-width: 650px;
    }
    .fixedHeaderMain .heading {
        font-size: 18px;
        padding-top: 0;
        margin: 0 auto;
         padding-left: 40px;
    }
    .infoDetail {
        padding: 0 10px;
    }
    .sampleFileBtn {
        position: relative;
    }
    .uploadField1 {
        width: 100%;
    }
    .bg {
        height: auto;
    }
    .kycIdRPad{
        padding-right: 0;
        margin-bottom: 25px;
    }
    .kycDetailLPad{
        padding-left: 0;
    }
    .escalationMatrixMain {
        padding: 0;
    }
    .registerRight .registerForm {
        min-height: 570px;
    }
    .toastMsgMain{
        padding-left: 0 !important;
    }
}
/*-------min-width: 200px & Max-width: 699px--------*/
@media screen and (min-width: 200px) and (max-width: 699px) {
    .otpInput {
        max-width: 100%;
    }
    .formColLeftPad {
        padding-left: 20px;
    }
    .track {
        padding: 5% 5.5%;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
        min-height: 350px;
    }
    .bodyMIFStep1Form {
        background-size: cover;
        background-position: right;
        padding: 15px 15px;
    }
   
    .labelMargin {
        margin-bottom: 0px;
        font-size: 12px !important;
        padding-left: 15px;
        font-weight: 500 !important;
    }
    .track h3, h4 {
        margin-top: 10px;
        color: #000061;
        font-size: 18px;
    }
    .MIF1Heading {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .form-control {
        padding: 0.305rem 0.75rem;
    }
    .btnMerchantSubmit {
        padding: 5px 15px;
        margin-right: 5px;
    }
    .arrow-steps .step {
        min-width: 47%;
    }
    .EscalationFlex {
        display: block;
    }
    .contactNameField .row .pl-0{
        margin-bottom: 10px;
    }
    .uploadField1 {
        /* width: 58%; */
        width: 100%;
    }
    .sampleFileBtn img, .successFileDwnload img {
        width: 19px;
    }
    .sampleFileBtn {
        font-size: 12px;
        top: 3px;
    }
    legend {
        font-size: 12px;
    }
    .registerBtn {
        width: 75px;
    }
    .previous-step {
        margin-left: 13px !important;
    }
    .registerBtn {
        margin-right: 5px;
    }
    ul.infoGraphic li {
        max-width: 13em;
        margin: 0 7px;
    }
    ul.infoGraphic li .coverWrap .numberCover{
        width: 10em;
    }
    .fieldsetFlex {
        display: flex;
        width: 175%;
    }
    .uploadField {
        display: inline-block;
        width: 50%;
    }
    .uploadField2 {
        width: 100%;
    }
    .fieldset {
        min-height: auto;
        max-height: initial;
    }
    .docUploadBorder .uploadField {
        display: inline-block;
        width: 100%;
    }
    .circular-slider .wrapper .descriptions{
        width: 300px !important;
        height: 300px !important;
    }
    .circular-slider .wrapper .slides-holder{
        border: 0;
    }
    .circular-slider .wrapper .descriptions__item h1{
        margin-top: 0px;
    }
    .instructionSteps {
        font-size: 7px;
        padding: 0px 0;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 58%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 24%;
    }
    .arrow-steps .step:after, .arrow-steps .step:before{
        top: -1px;
    }
    .circle--rotate {
        width: 96%;
        height: 285px !important;
    }
    .circle--slider .animate-wrapper {
        width: 79%;
        height: 240px !important;
    }
    .circle--slider .prev {
        left: 5px;
    }
    .circle--slider .next {
        right: 5px;
    }
    .signUpResp h1 {
        margin-top: 20px;
        font-size: 0.8rem !important;
    }
    .circle--slider .animate-more {
        padding: 15px 20px;
    }
    .signUpResp .instructionSteps {
        font-size: 9px;
        margin-top: 10px;
        padding: 4px;
    }
    .signUpResp .number {
        line-height: 1.7;
        font-size: 1em;
    }
    .svg-inline--fa.fa-w-16 {
        width: 0.5em;
    }
    .registerForm .col-sm-4 {
        min-width: 100% !important;
    }
    .docsInstruction li {
        width: 45%;
    }
    .docsInstruction li:last-child {
        width: 53%;
    }
    .modalBtn, .successMain1,  .specialChars a,  .mifModal .modal-title, .mifModal ol li  {
        font-size: 12px;
    }
    .success {
        font-size: 18px;
    }
    .ratingReviewMain label {
        font-size: 25px;
    }
    .modalContentHead {
        font-size: 12px;
        font-weight: 600;
    }
    .btn-close {
        background-size: 11px;
    }
    .signUpResp.respSignUpForm{
	    padding: 0 0px;
}
}
@media screen and (min-width: 100px) and (max-width: 400px){
.circular-slider .wrapper .descriptions {
    width: 202px !important;
    height: 202px !important;
}
.circular-slider .wrapper .slides-holder__item{
    height: 32.76px !important;
    width: 32.76px !important;
}
.number {
    font-size: 1.8em;
}
}
/*-------Min width: 1000px & Max-width: 1199px--------*/
@media screen and (min-width:1000px) and (max-width: 1199px) {
    .track {
        width: 100%;
    }
    .fieldset {
        overflow-y: visible;
    }
    .registerForm .col-sm-4 {
        min-width: 50% !important;
    }
    .bg {
        background-size: cover;
        height: auto;
    }
    .arrow-steps .step{
        min-width: 18.4%;
        font-size: 13px;
    }
    ul.infoGraphic li {
        max-width: 11.5em;
        margin: 0 0px;
    }
    .modal-xl {
        max-width: 900px;
    }
    ul.infoGraphic li .number {
        font-size: 5em;
        height: 150px;
    }
    ul.infoGraphic li .coverWrap .numberCover {
        width: 11em;
        height: 4em;
    }
    .infoDetail {
        padding: 0 70px;
    }
    ul.infoGraphic li .content h2 {
        font-size: 1em;
    }
    ul.infoGraphic li .coverWrap {
        left: -8em;
        height: 16em;
    }
    ul.infoGraphic li .content {
        margin: 6em 3em 1em 5em;
    }
    .uploadField1 {
        width: 57%;
    }
    .sampleFileBtn img{
        width: 28px;
    }
    .registerBtn{
        font-size: 13px;
        width: 123px;
        margin-left: 27px;
    }
    .sampleFileBtn {
        font-size: 11px;
    }
    .uploadField2 {
        margin-right: 5px;
    }
    .circular-slider .wrapper .descriptions {
        top: 8%;
    width: 350px !important;
    height: 350px !important;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 45%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 32%;
    }
}
/*------Max-width: 1030px--------*/
@media screen and (min-width:900px) and (max-width: 1030px) {
    .labelMargin {
        font-size: 12px;
    }
    .circular-slider .wrapper .descriptions {
        top: 8%;
        width: 300px !important;
        height: 300px !important;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 50%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 28%;
    }
    .heading {
        font-size: 26px;
        padding-top: 70px;
    }
    .videoMainInfo {
        padding: 10px 50px;
    }
    .videoStyle {
        height: 300px;
    }
    .welcomeText {
        font-size: 30px;
    }
    .arrow-steps {
        padding-left: 0;
        display: flex;
        overflow-x: auto;
    }
    .arrow-steps .step {
        min-width: 22%;
        font-size: 9px;
        margin-bottom: 5px;
    }
    .arrow-steps .step:after, .arrow-steps .step:before {
        top: -3px;
        right: -16px;
    }
}
/*-------Min width: 1200px & Max-width: 1299px--------*/
@media screen and (min-width:1200px) and (max-width: 1299px) {
    .track {
        width: 100%;
    }
    .fieldset {
        overflow-y: visible;
    }
    .bg {
        background-size: cover;
        height: 100%;
    }
    .arrow-steps .step{
        min-width: 12.2%;
    }
    .arrow-steps .step:after, .arrow-steps .step:before {
        right: -16px;
    }
    ul.infoGraphic li {
        max-width: 11.5em;
        margin: 0 25px;
    }
    .modal-xl {
        max-width: 1156px;
    }
    ul.infoGraphic li .number {
        font-size: 5em;
        height: 135px;
    }
    ul.infoGraphic li .content h2 {
        font-size: 1em;
    }
    ul.infoGraphic li .coverWrap {
        left: -8em;
        height: 17em;
    }
    ul.infoGraphic li .content {
        margin: 6em 3em 1em 5em;
    }
    .circular-slider .wrapper .descriptions {
        top: 8%;
        width: 400px !important;
        height: 400px !important;
    }
    .circular-slider .wrapper .controls__autoplay {
        bottom: 39%;
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right {
        top: 36%;
    }
}
/*-------Min width: 1300px & Max-width: 1400--------*/
@media screen and (min-width:1300px) and (max-width: 1400px) {
    .track {
        width: 100%;
    }
    .fieldset {
        overflow-y: visible;
    }
    .bg {
        background-size: cover;
        height: auto;
    }
    .arrow-steps .step{
        min-width: 13%;
    }
    .arrow-steps .step:after, .arrow-steps .step:before {
        right: -16px;
    }
    ul.infoGraphic li {
        max-width: 12em;
    }
    .modal-xl {
        max-width: 1245px;
    }
    .circular-slider .wrapper .descriptions {
        top: 7%;
        width: 450px !important;
        height: 450px !important;
    }
    .docUploadResp .sampleFileBtn {
        top: 18px;
    }
    .sampleFileBtn img, .successFileDwnload img {
        width: 18px;
    }
}
/*-------Min width: 1401px & Max-width: 1499px--------*/
@media screen and (min-width:1401px) and (max-width: 1499px) {
    .track {
        width: 100%;
    }
    .bg {
        background-size: cover;
        height: auto;
    }
    .arrow-steps .step{
        min-width: 13%;
    }
    .arrow-steps .step:after, .arrow-steps .step:before {
        right: -16px;
    }
    ul.infoGraphic li {
        max-width: 12em;
    }
    .modal-xl {
        max-width: 1320px;
    }
    .uploadField1 {
        width: 66%;
    }
    .circular-slider .wrapper .descriptions {
        top: 7%;
        width: 450px !important;
        height: 450px !important;
    
    }
}
/*-------Min width: 1500px & Max-width: 1700--------*/
@media screen and (min-width:1500px) and (max-width: 1700px) {
    .bg {
        background-size: cover;
        height: 100%;
    }
    .arrow-steps .step{
        min-width: 13.5%;
    }
    .arrow-steps .step:after, .arrow-steps .step:before {
        right: -16px;
    }
    ul.infoGraphic li {
        max-width: 12em;
    }
    .modal-xl {
        max-width: 1480px;
    }
  
    ul.infoGraphic li {
        max-width: 14em;
    }
}

@media screen and (min-width:410px) and (max-width: 450px) {
	.signUpResp.respSignUpForm {
    padding: 0 0px;
}
.signUpResp.circularSignup{
	    min-width: 50% !important;
    max-width: 89% !important;
}
}
@media screen and (min-width:995px) and (max-width: 1025px) {
	.bodyMIFStep1Form .flex-column-reverse {
       flex-direction: column-reverse!important;
}
.signUpResp.respSignUpForm {
	    min-width: 70% !important;
}
.signUpResp h1 {
	margin-top: 25px;
}
}