@media (min-width: 1900px){
    .black-bg {
		padding-left:400px;
	}
		
}


@media (min-width: 1700px){
    .cash-text-area {
        top: 50px;
        min-height: 650px;
    }
}

@media (min-width: 1200px){
    .container {
	    max-width: 1170px;
	}
}

@media (min-width:1481px) and (max-width:1570px) {
    .cash-text-area {
        padding: 40px 200px 40px 60px;
    }
}

@media (min-width:1200px) and (max-width: 1280px){
    .navbar-light .nav-item .nav-link {
        margin-right: 20px;
    }
}
@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;
        line-height: 36px;
    }
    .banner-wrapper p{
        width: 100%;
        font-size: 20px;
    }
    
    .carousel-caption {
        bottom: 3em;
    }
    
    .black-bg {
        padding-left: 50px;
    }
    
    .banner-form {
        padding: 20px;
    }
    
    .banner-form .form-control {
       height: 35px;
       font-size: 14px;
    }
    
    .required-text {
        font-size: 16px;
    }
    
    .banner-form h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    .cash-text-area {
        padding-right: 100px;
    }
    
    .h1-title h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .cash-text-area ul li {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 20px;
    }
    
    .cash-text-area ul li:last-child {
        padding-bottom: 10px;
    }
    
    
}

@media (min-width:1366px) {
    .carousel-caption {
        text-align: left;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
   }
 
 .banner-top {
     width: 100%;
    margin-top: 130px;
}
}
@media (max-width:1199px) {
    
    .icon-img:after {
        right: 31%;
    }
    
    .icon-img:before {
        left: 31%;
    }
    
	.banner-wrapper h1{
        width: 100%;
    }
    
    .banner-wrapper p{
        width: 100%;
        font-size: 20px;
    }
    .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;
    }
    .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) {
    
    .how-it-works-boxarea .pr-0 {
        padding-right: 15px!important;
    }
    
    .how-it-works-boxarea .pl-0 {
        padding-left: 15px!important;
    }
    
    .how-works-icon:after {
        content: "";
        top: 128px;
        left: 3px;
    }
    
    .step-text {
        font-size: 12px;
    }
    
    .redwood-coast-finance-content p {
        font-size: 15px;
    }
    
    .redwood-coast-finance-wrapper  .h1-title h1, .important-disclosures-wrapper .h1-title h1 {
        font-size: 24px;
    }
    
    .important-disclosures-wrapper h2 {
        font-size: 22px;
    }
    
    .footer-title-text a {
        word-wrap: break-word;
    }
	
    .carousel-caption {
        bottom: 5em;
    }
    
    .banner-wrapper h1 {
        font-size: 40px;
        line-height: 40px;
       
    }
    
    .banner-form h2 {
        margin-bottom: 10px;
    }
    
    .banner-form {
        max-width: 350px;
        margin-left: -100px;
        padding: 20px;
    }
    
    .black-bg {
        padding-left: 45px;
    }
    
    .loan-amount-text {
        font-size: 20px;
    }
    
    .banner-wrapper .carousel-indicators{
        bottom: 10px;
    }
    
    .header-top-info {
        text-align: left;
    }
    
    .tel-size {
        font-size: 20px;
    }
    
    .navbar-light .nav-item .nav-link {
        font-size: 14px;
    }
    
    .cash-text-area {
        padding: 50px;
    }
    
    .h1-title h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .cash-text-area ul li {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    
    .cash-text-area ul li:last-child {
        padding-bottom: 10px;
    }
    
    .quick-loan-wrapper h3 {
        padding-right: 50px;
        font-size: 20px;
    }
    
    .header-top-info ul {
        text-align: right;
    }
    
    .navbar-light .nav-item .nav-link {
        margin-right: 20px;
    }
}

@media (max-width: 991px) and (min-width: 900px){
    
}

@media (min-width:768px) and (max-width:991px) {
    
    
    .how-it-works-boxarea .pr-0 {
        padding-right: 15px!important;
    }
    
    .how-it-works-boxarea .pl-0 {
        padding-left: 15px!important;
    }
    
    .how-works-icon:after {
        content: "";
        left: -2px;
    }
    
    .padd-100 {
        padding: 50px 0;
    }
    
    .navbar-light .nav-item .nav-link {
        margin-right: 0;
    }
    
    .navbar-toggler {
        top: 24px!important;
    }
    
    .navbar-collapse {
        top: 90px!important;
    }
    
    .navbar-brand.logo {
        padding: 10px 0;
    }
    
    .navbar-brand.logo img {
        max-width: 250px;
    }
    
    .icon-img:before, .icon-img:after {
        content: none;
    }
    
    .icon-img span {
        display: none;
    }
    
    .three-box {
        margin-bottom: 50px;
    }
    
    .navbar-light .nav-item .nav-link {
        padding: 10px;
    }
    
    .important-disclosures-wrapper h2 {
        font-size: 24px;
    }
    
    .header-top-info  {
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }
    
    .header-top-info ul  {
        text-align: center;
    }
    
    .header-top-info ul li:first-child {
        margin-bottom: 10px;
	}
        
    .black-bg {
        padding-left: 30px;
    }
    
    .banner-wrapper h1 {
        line-height: 30px;
        font-size: 30px;
    }
    
    .banner-wrapper p {
        margin-bottom: 5px;
    }
    
    .loan-amount-text {
        font-size: 15px;
    }
    
    .banner-wrapper h1 {
        margin-bottom: 20px;
    }
    
    .cash-text-area {
        position: relative;
        left: 0;
        top: 0;
    }
    
    .quick-loan-wrapper h3 {
        padding-right: 50px;
        font-size: 20px;
    }
    
    .quick-loan-wrapper .apply-btn {
        margin-left: 10px;
    }
    
     
    .carousel-caption {
        position: relative;
        margin-top: -152px;
    }
    
    .hm-banner-text {
        padding: 10px 0;
    }

    
    .banner-form {
        margin-left: 0;
        margin: 0 auto;
        width: 94%;
        max-width: 540px;
        margin-top: 30px;
    }
    
}


@media (max-width:991px) {

	
	.header-wrapper .col-lg-9 {
		position:inherit;
	 }
	
     .navbar {
	    position:absolute;
	 }
	 
	 .navbar-light {
		width: 100%;
		left: 0;
	}
    
     .footer-title-text a {
        font-size: 15px;
        word-wrap: break-word;
    }
    
    .footer-link li a, .footer-title-text p {
        font-size: 15px;
    }
    
    .footer-logo {
        max-width: 150px;
    }
    
    .header-top-info {
        text-align: left;
    }
    
    .tel-size {
        font-size: 20px;
    }
    
    .navbar-light .nav-item .nav-link {
        font-size: 14px;
    }
	
    .header-wrapper{
        background: #fff;
        position: relative;
    }
    .header-top-info ul li, .header-top-info ul li a{
        color: #000;
    }
    
    .header-top-info ul li{
        font-size: 12px;
        margin-right: 5px;
    }
    
    .navbar-toggler{
        float: right;
        text-align: right;
        margin-left: auto;
        position: absolute;
        top: -66px;
        right: 10px;
    }
    .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;
    }
    
}

@media (max-width:767px) {
    
    .how-it-works-boxarea .pr-0 {
        padding-right: 15px!important;
    }
    
    .how-it-works-boxarea .pl-0 {
        padding-left: 15px!important;
    }
    
    .how-works-icon:after {
        content: "";
        top: 84px;
        left: 0;
    }
    
    .step-text {
        margin: 0 auto;
        font-size: 12px;  
    }
    
    .rates-wrapper{
        margin-bottom: 0;
    }
    .navbar-light .nav-item .nav-link {
        margin-right: 0;
    }
    
    .navbar-brand.logo {
        padding: 10px 0;
    }
    
    .navbar-brand.logo img {
        max-width: 250px;
    }
    
    p {
        font-size: 16px!important;
    }
	
	footer {
	  padding:40px 0 10px;
	}
    
	.cash-text-area ul li {
		font-size:18px;
		line-height:20px;
	}
	
    .header-top-info ul {
        text-align: center;
    }
    
    .header-top-info ul li a.login-btn {
	   color:#262c30!important;
	}
	
    .navbar-light .nav-item .nav-link {
        padding: 10px;
    }
    
    .black-bg {
        padding-left: 30px;
    }
    
    .banner-form {
        margin-left: 0;
        margin: 0 auto;
        width: 94%;
        max-width: 540px;
        margin-top: 30px;
    }
    
    .get-quick-loan-area:after {
        content: none;
    }
    
    .w-100 {
        width: auto!important;
    }
    
    .carousel-caption {
        position: relative;
        margin-top: -162px;
    }
    
    .hm-banner-text {
        padding: 10px 0;
    }

    
    .navbar-toggler{
        top: 30px;
        right: 10px;
    }
    .header-top-info {
        width: 100%;
    }
    
    .login-btn{
        color: #fff !important;
    }
    
    .header-top-info{
        margin-top: 0px;
        padding: 10px;
		border-bottom:1px solid #ccc;
    }
    .navbar-light{
        margin-top: 0;
    }
    .banner-wrapper h1 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .banner-wrapper p{
        font-size: 16px;
    }
    .social-icons {
        padding-left: 10px;
    }
    .logo-img{
        position: absolute;
        top: 60px;
    }
    
    .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 .carousel-indicators {
        bottom: 10px;
        z-index: 0;
    }
    
    .banner-wrapper:after{
        background-position: bottom center;
    }
    
    .navbar-collapse{
        top: 77px;
    }
    
    .quick-loan-wrapper h3 {
        padding-right: 50px;
    }
    
    .quick-loan-wrapper h3 {
        font-size: 20px;
    }
    
    .quick-loan-wrapper .apply-btn {
        width: inherit;
        margin-left: 20px;
        padding: 10px 20px;
        height: inherit;
        line-height: inherit;
    }
    
    .copyright {
        margin: 30px 0;
    }
    
    .address-area {
        margin-bottom: 30px;
    }
    
    .icon-img:before, .icon-img:after {
        content: none;
    }
    
    .icon-img span {
        display: none;
    }
    
    .three-box {
        margin-bottom: 50px;
    }
    
    .three-box p {
        margin-bottom: 30px;
    }
    
    .cash-text-area {
        position: relative;
        top: 0;
        left: 0;
    }
    
    .padd-100 {
        padding: 50px 0;
    }
    
    .cash-text-area {
        padding: 30px;
    }
    
    .dark-green-bg {
        display: none;
    }
    
    .quick-loan-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    
    .three-steps-wrapper {
        padding: 40px 0;
    }
    
    
    .login-btn, .apply-btn, .tel-size {
        font-size: 15px!important;
    }
    
    
    .important-disclosures-wrapper h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .three-steps-wrapper {
        padding-top: 0;
    }
    .faqs-wrapper, .contact-wrapper {
        padding: 50px 0 50px;
    }
    #accordion-faqs .card-header h5 {
        font-size: 20px;
    }
    
    .more-info-wrapper {
        margin-bottom: 50px;
    }
    .three-steps-wrapper .h1-title h1{
        margin-top: 1em;
    }
}

@media (max-width:700px) {
    .pl-0 {
        padding-left: 15px!important;
    }
    
    .pr-0 {
        padding-right: 15px!important; 
    }
    
     .header-top-info ul li:first-child { 
       margin-right:20px;    
    }

    .header-top-info ul li {
       font-size: 15px!important;
    }
    
    
    .login-btn, .apply-btn {
        width: 140px;
    }
}

@media (max-width:575px) {
    
    .quick-loan-wrapper .apply-btn {
        margin-top: 5px;
    }
    
    .cash-text-area:after {
        content: none;
    }
   
    .banner-form {
        margin: 30px auto;
    }
    
    
    .header-top-info ul li {
        font-size: 15px!important;
        margin-bottom: 10px;
    }
    
    .header-top-info ul li:first-child {
        display: block;
    }

    .carousel-caption { 
        margin-top: -180px;   
    }
    
    .navbar-brand.logo img {
       max-width: 200px;
    } 
    
    .navbar-toggler {
      top: 20px;
    }
    .main_heading_bg h1{
        font-size: 24px !important;
        line-height: normal !important;
    }
}

@media (max-width:574px)  {
    .quick-loan-wrapper h3 {
        text-align: center;
        padding: 0;
    }

    .banner-wrapper h1 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 18px;
    }
    
    .loan-amount-text {
        font-size: 14px;
    }
    
    .carousel-caption {
       margin-top: -115px;
    }
    
    .banner-wrapper p {
      font-size: 16px!important;
      margin-bottom: 5px;
    }
    
    .how-it-works-boxarea .col-10, .how-it-works-boxarea .col-2 {
       flex: 0 0 100%;
       max-width: 100%;
    }
    
    
    
    .how-works-icon {
        text-align: center;
    }
    
    .step-text {
       text-align: center;
       margin: 0 auto 30px;    
    }
    
    .how-works-icon:after {
        content: none;
    }
}


@media (max-width:400px) {
    .h1-title h1 {
        font-size: 30px;
    }
    .more-info-wrapper p span {
        width: 100%;
    }
}

@media (max-width:360px) {
  .carousel-caption {
    margin-top: -115px;
  }
}

@media (max-width:333px) {
    .carousel-caption {
     margin-top: -140px;
  }
}