@media screen and (max-width:1199px){
    .logo{
        width: 30%;
    }
    .logo img {
        width: 100%;
        display: block;
    }
}
@media screen and (max-width:991px){
.menu ul li a {
    padding: 0 15px;
    font-size: 14px;
}
.logo{
    width: 25%;
}

section#section1 .row .devices-plan .device {
    padding: 0;
}
section#section1 .devices-title h1 {
    font-size: 38px;
    font-weight: 600;
    margin: 50px 0;
}
.how-it-work ul li{
    padding: 15px;
}
.caption h3 {
    color: #333;
    font-size: 16px;
    padding-left: 10px;
}
.contact-msg.w-50 {
    padding-right: 10px;
}
.contact-form.w-50 {
    padding-left: 15px;
}
.footer-menu ul li a{
    font-size: 14px;
}
.tab-list ul li a {
    text-decoration: none;
    color: cadetblue;
    display: block;
    font-size: 14px;
}
}


@media screen and (max-width: 767px){


	
	.mtAdd{margin-bottom:15px}
    .transaction-search-bar input{width:100%!important;}
    .flagDp .fDp{left:-9px;}

    .innH .col-md-3{padding:0!important;margin-bottom:15px;}
    .innH{margin-bottom:15px!important;}

    .wbForm{height: 40px;padding: 0 11px;border-radius: 3px;
    font-size: 13px;}
    .mainContent .btn-primary{padding: 5px 20px;    font-size: 14px;}
    .mainContent h3{    margin-bottom: 15px!important; font-size: 17px!important;}
    .contact-question p{    font-size: 15px;}
    .copyright p{font-size: 12px;    padding: 10px 0;}
    section#section2{    padding: 25px 0 15px 0;}
    .step1:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step2:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step3:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step4:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step5:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step6:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step7:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step8:after {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .step8:before {content: ""; position: relative; top: 0; height: 0; width: 0; background: #ddd; bottom: 0; margin: auto; right: 0; left: auto;}
    .dotactive.step1:after {background-color: transparent;}

    .n1:after{ content: ""; position: relative; top: 0; left: 0; background: 0; height: 0; width: 0; margin: auto; bottom: 0; }

    .stepTxt{   left: -8px; right: 0; top: auto; font-weight: 600; font-size: 12px;bottom:-36px;display: none}

    .n1 i, .n2 i, .n4 i{    width: 40px; height: 40px; padding: 11px 15px; font-size: 15px;}
    .mainContent{padding-top:0;}
    ._abFrame{    margin-top: 20px;}
    .mainContent .form-group{    margin-bottom: 15px;}
    .work-title h1{    margin: 0px 0; margin-bottom: 40px; font-size: 24px;}
    .step1{top: -64px; left: auto; right: 15px;}
    .m60- {right: -6px!important; top: -44px;}
    .m90- {right: -16px!important}
    .m120-{    right: -8px!important; bottom: -46px;}
    .m150-{    right: 15px!important; bottom: -66px;}
    .m180-{    right: 39px!important; bottom: -49px;}
    .m210-{right: 46px!important;}
    .m240- {right: 38px!important; top: -44px; }
    

    section#section1{height:auto;}
    .mtAdd{margin-top:0;}
    ._r100{width:100%;}
    ._r100 input, ._r100 select{width: 100%!important}
    ._r100 input{margin-bottom: 10px}
    ._r100 .ml-2{margin-left:0!important;margin-top:10px;margin-bottom: 10px}
    .tab-list ul li {
    padding: 0px 10px 0px 1px;}
    .transaction-search-bar input{    width: 118px;}
    .transaction-btn a{padding: 9px 15px;}
    .tab-section-inner .pr-0{padding-left: 0!important}
    .tab-list li.active{padding-top: 6px;}
    .tab-section-wrapper{height:auto;padding:0}
    .tab-section-inner .pl-0{padding-right:0px!important;}
    ._bg{padding:15px;}
    .login-btn{    position: absolute; right: 0; top: 35px;}
    .flagDp{    margin-left: 3px}
    .inerrSec{    padding: 15px 0;}
    .imgH{    height: 125px;}
    .phneListng li{width: 100%}
    .contact-form.w-50{padding-left:0;}
    .section4{height:133px;}
    .inHedng{    padding-top: 40px;font-size:36px;}
    #section6{    margin-top: 15px;}
    .device img{width:109px;}
    section#section1 .row .devices-plan .device h5{font-size:19px;}
    section#section1 .devices-title h1 {
        text-align: center;
        font-size:31px;
    }
    .card-content p{
        font-size: 15px;
    }
    .caption img {
        width: 50px;
        height: auto;
    }
    .footer-menu ul li a {
        color: #888;
        text-decoration: none;
        padding: 0 18px;
    }
    ul.nav-menu {
        flex-direction: column;
        position: absolute;
        top: 0;
        right: 0;
        background: #ddd;
        padding: 10px 0;
        z-index: 1;
        width: 100%;
        text-align: center;
        display: none;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    
    ul.nav-menu li {
        padding: 15px 34px;
        width: 100%;
    }
    
  
    .logo {
        width: 50%;
    }
    .logo img {
        width: 100%;
    }
    ul.login-btn li a {
        padding: 0;
    }
    section#section3 {
           padding: 15px 0 0;
    }
    .tab-list {
        width: 100%;
    }
    .tab-list ul li a img {
        margin: 0 auto 5px;
        display: block;
    }
   
    .tab-list ul {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        padding: 15px;
    }
    .tab-list ul li:hover {
        background: var(--bg-gray);
    }
    .tab-content {
        width: 100%;
        margin-top: 20px;
    }
    .tab-content-inner .tab-form ul li {
        width: 46%;
        margin: 10px 10px;
    }
    .header-inner .menu {
        width: 100%;
    }
    #nav-icon3 {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 30px;
        top: 35px;
    }
	.afterLoginn .step1, .afterLoginn .m60-, .afterLoginn .m120-, .afterLoginn .m150-, .afterLoginn .m180-{display:none}
	.afterLoginn{margin-bottom:30px!important}
	
	
}

@media screen and (max-width: 575px){
    .how-it-work ul {
        flex-wrap: wrap;
    }
    
    .how-it-work ul li {
        margin: 0 15px 30px !important;
    }
    
    .caption img {
        width: 50px;
        height: 50px;
    }
    
    .how-it-work ul li:nth-child(2) .caption img {
        height: 75px;
    }
    
    .caption h3 {
        f    font-size: 16px;
    }
    .how-it-work ul {
        flex-wrap: wrap;
    }
    section#section3 .contact {
        flex-wrap: wrap;
    }
    
    section#section3 .contact .w-50 {
        width: 100% !important;
    }
    
    section#section3 .contact .contact-msg.w-50 {
        margin-bottom: 0px;
    }
    
    .contact-question h1 {
            font-size: 21px;
    }
    .footer-menu ul{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .tab-list ul {
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        padding: 5px 0;
    }
   
    .tab-section-wrapper .container {
        padding: 15px;
    }
    
    .tab-list ul li a {
        font-size: 0;
    }

    .tab-content-inner .tab-form ul li {
        width: 100%;
        margin: 10px 0px;
    }




}

@media screen and (min-width: 768px){
    .meu-btn{
        display: none;
    }
}