@media (min-width: 576px){
    .modal-dialog {
        margin: 7rem auto;
    }
}
@media (min-width: 1200px){
    .container {
	    max-width: 1200px;
	}
    .mb-lg-0{
        margin-bottom: 0 !important;
    }
}

@media (min-width:1200px) and (max-width: 1280px){
    .banner-wrapper .carousel-indicators {
        bottom: 160px;
    }
}
@media (min-width:1200px) and (max-width:1480px) {
    .innerbanner-text h1 {
        font-size: 24px;
    }
    
    .innerbanner-text h2 span {
        font-size: 30px;
    }
    .banner-wrapper h1{
        width: 100%;
    }
    .banner-wrapper h1 {
        font-size: 36px;
    }
    .banner-wrapper p{
        width: 100%;
        font-size: 20px;
    }
    .banner-wrapper{
        min-height: 640px;
    }
    

}
@media (max-width:1199px) {
	.banner-wrapper h1{
        width: 100%;
    }
    .banner-wrapper h1 {
        font-size: 36px;
    }
    .banner-wrapper p{
        width: 100%;
        font-size: 20px;
    }
    .banner-wrapper{
        min-height: 640px;
    }
    .banner-wrapper .carousel-indicators {
        bottom: 100px;
    }
    .header-wrapper{
        background: #fff;
        position: relative;
    }
    .header-top-info ul li, .header-top-info ul li a{
        color: #000;
    }
    .apply-btn{
        padding: 10px 3px;
    }
    .login-btn{
            padding: 10px 3px;
    }
    .header-top-info ul li{
        font-size: 12px;
        margin-right: 5px;
    }
    .navbar-light .nav-item .nav-link {
        color: #000;
    }
    .accordion .card-header h5 {
        padding-right: 40px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
	
    .innerbanner-text h1 {
        font-size: 22px;
    }
    
    .innerbanner-text h1:after {
        content: '';
        margin: 10px 0;
    }
    
    .innerbanner-text h2 span {
        font-size: 24px;
    }
    .banner-wrapper .carousel-indicators{
        bottom: 10px;
    }
    .inner-header .apply-btn, .inner-header .login-btn {
        padding: 10px 20px!important;
    }
}

@media (max-width: 991px) and (min-width: 900px){
    .banner-wrapper .carousel-indicators {
        bottom: 60px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {    
     .innerbanner-text h1 {
        font-size: 18px;
    }
    
    .innerbanner-text h1:after {
        content: '';
        margin: 5px 0;
    }
    
    .innerbanner-text p {
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .innerbanner-text h2 span {
        font-size: 20px;
    }
    .banner-wrapper {
        min-height: 490px;
    }
    
    .accordion .card-header h5 {
        padding-right: 45px;
    }

    .inner-header:after {
        background: none;
    } 
    .inner-header .login-btn {
        border: 0px!important;
    }
    .inner-header .apply-btn {
        background: none!important;
        color: #000!important;
    }
    .logo-img {
        margin-top: 15px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .banner-wrapper {
        min-height: 600px;
    }
    .banner-wrapper .carousel-indicators {
        bottom: 10px;
    }
}

@media (max-width:991px) {
	.service-btm-img{
        bottom: -180px;
    }
    .single-service {
        margin-top: 20px;
    }
    .bad-credit-wrapper .main-title{
        margin-top: 30px;
    }
    .need-cash-img{
        margin: 70px auto 0;
    }
    .bad-credit-img img{
        width: 100%;
    }
    .need-cash-wrapper .col-md-12.text-right{
        text-align: left !important;
    }
    .goal-img{
        margin: 70px auto 0;
    }
    .header-wrapper{
        background: #fff;
        position: relative;
    }
    .header-top-info ul li, .header-top-info ul li a{
        color: #000;
    }
    .apply-btn{
        padding: 10px 3px;
    }
    .login-btn{
            padding: 10px 3px;
    }
    .header-top-info ul li{
        font-size: 12px;
        margin-right: 5px;
    }
    .header-top-info{
        width: 70%;
    }
    .navbar-toggler{
        float: right;
        text-align: right;
        margin-left: auto;
        position: absolute;
        top: -66px;
        right: 0;
    }
    .navbar-light .nav-item .nav-link{
        color: #000;
    }
    .navbar-collapse{
        position: absolute;
        top: 0px;
        background: rgb(255, 255, 255);
        padding: 0px;
        width: 100%;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        padding-bottom: 20px;
    }
    .logo-img {
        margin-top: 0;
    }
    
    #BSbtninfo {
        width: 90%;
    }
}

@media (max-width:767px) {
    
    .title-loan-wrapper .bad-credit-img {
        margin-bottom: 30px;
    }
    
    .innerbanner-text h1 {
        font-size: 20px;
    }

    .innerbanner-text h1:after {
        margin: 10px 0;
    } 
    
    .innerbanner-text h2 span {
        font-size: 24px;
    }
    
    .innerbanner-wrapper .pl-0 {
        padding-right: 0;
    }
    
    .mobile-bg {
        background: #fcfcfc;
        margin-bottom: 20px;
    }
    
    .mobile-bg img {
        text-align: center;
        margin: 0 auto;
    }
    
    .innerbanner-text {
        padding-bottom: 20px;
    }
    .bad-credit-wrapper .main-title{
        margin-top: 30px;
    }
    .footer-col{
        margin: 20px 0;
    }
    footer .col-md-5.text-right{
        text-align: left !important;
    }
    .logo-img{
        max-width: 70px;
    }
    .navbar-toggler{
        top: 23px;
        right: 10px;
    }
    .header-top-info {
        width: 100%;
    }
    .header-wrapper{
        padding-bottom: 10px;
    }
    .login-btn{
        color: #fff !important;
    }
    .login-btn , .apply-btn{
        padding: 5px 10px;
    }
    .header-top-info{
        margin-top: 0px;
        padding: 10px;
        background: #4bad4e;
    }
    .navbar-light{
        margin-top: 0;
    }
    .banner-wrapper h1 {
        font-size: 26px;
    }
    .banner-wrapper p{
        font-size: 16px;
    }
    .social-icons {
        padding-left: 10px;
    }
    .logo-img{
        position: absolute;
        top: 60px;
    }
    .header-wrapper{
        min-height: 135px;
    }
    .h-0-sm{
        height: 0;
    }
    .d-none-sm{
        display: none !important;
    }
    .p-0-sm{
        padding: 0 !important;
    }
    .custom-container-sm{
        max-width: 100% !important;
    }
    .banner-wrapper {
        min-height: 420px;
    }
    .banner-wrapper .carousel-indicators {
        bottom: 10px;
        z-index: 0;
    }
    .curve-bg-img img{
        max-width: 275px;
    }
    .banner-wrapper:after{
        background-position: bottom center;
    }
    .accordion .card-header h5 {
        padding-right: 45px;
    }
    .navbar-collapse{
        top: 84px;
    }
    .inner-header {
        border-bottom: 1px solid #ddd;
    }
    .inner-header:after {
        background: none;
    }
    .inner-header .login-btn {
        border: 1px solid #fff!important;
        color: #fff!important;
    }
    .apply-wrapper {
        margin-top: -100px;
    }
    .need-cash-img:before{
        right: -50px
    }   
    .mb-sm-20{
        margin-bottom: 20px;
    } 
}

@media (max-width:575px) {
    .padd90 {
        padding: 50px 0;
    }
    
    .poor-credit-wrapper {
       padding-bottom: 50px;    
    }
    .curve-bg-img img{
        max-width: 305px;
    }
    .banner-wrapper {
        min-height: 680px;
    }
    .apply-wrapper{
        margin-top: -90px;
        padding: 0 20px 140px;
    }
    .banner-wrapper .carousel-indicators {
        bottom: -50px;
    }
    .banner-wrapper h1 {
        margin-top: 20px;
    }
    
}


@media (max-width:400px) {
 .accordion .card-header h5 {
    font-size:14px;
 }
}