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

  /**** whychooseus-section ****/
  .choose-section .choose-img-colum .choose-count {
    position: relative;
    display: block;
    left: 0px;
    bottom: 0px;
    right: 10px;
    padding-right: 0;
  }

  .choose-section .choose-img-colum .choose-count:before {
    opacity: 1;
  }


}

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

  /**** banner-section ****/
  .container.hero-section {
    padding: 35px 24px;
  }

  .banner-slider .banner-content h1 {
    font-size: 30px;
  }

  .banner-slider .banner-content p {
    font-size: 15px;
  }

  .banner-btns-1 {
    padding: 10px 4px 10px;
  }

  .banner-btn .banner-btns-1 {
    margin-right: 4px;
  }

  .carousel-indicators {
    display: none !important;
  }

  .slider-icons-outer {
    display: none;
  }


  /* about-us */
  .about-head h2 {
    font-size: 30px;
  }

  .about-section .about-content .bold-text p {
    font-size: 15px;
  }

  .form-sec {
    margin-top: 15px;
  }


  /**** howitwork section ****/
  .howitwork-sec .sec-title h2 {
    font-size: 28px;
  }

  .image-column {
    margin-bottom: 20px;
  }



  /**** services-section ****/
  .service-sec .sec-title h2 {
    font-size: 27px;
  }


  /**** whychooseus-section ****/
  .choose-section .sec-title h2 {
    font-size: 28px;
  }

  /* footer */
  .footer-sec .footer-bottom .copyright {
    text-align: center;
  }

  /*--------------------------- city-banner-page ---------------------------------*/
  #mainpages{
    background: linear-gradient(to right, rgba(0, 36, 72, 1), rgba(0, 36, 72, 1)),
      url(../images/cartitleloans.jpg);
      padding: 35px 0px;
  }

  .city-banner {
    background: linear-gradient(to right, rgba(0, 36, 72, 1), rgba(0, 36, 72, 1)),
      url(../images/banner-cities-img.jpg);
  }

  .city-banner {
    padding: 35px 0px;
  }

  .city-banner-text h1 {
    line-height: 40px;
    font-size: 30px;
  }

  .city-banner-text {
    margin: 50px 0px 15px;
  }

  .choose-intro {
    margin-top: 0px;
  }

  .intro-box {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .city-title .title {
    margin-top: 20px;
  }

  .city-description .city-title h2 {
    font-size: 28px;
  }

  /* city-description */
  .city-description .cities img {
    width: 100%;
  }

  /**** ourfeatures section ****/
  .benefits .sec-title h2 {
    font-size: 30px;
  }

  /* loans */

  .loans-card h2 {
    font-size: 20px;
  }

  /* city-howitwork */
  .hiw-shape2 img {
    display: none;
  }

  .hiw-shape1 img {
    display: none;
  }

  .hiw-card-1 {
    margin-right: 0px;
  }

  .hiw-card-2,
  .hiw-card-4 {
    margin: 30px 0px 0px 0px;
  }

  /* banner-requirement */
  .requirement .sec-title h2 {
    font-size: 28px;
    line-height: 35px;
  }

  .required-text {
    padding: 0px;
  }

  .required-card:nth-child(1),
  .required-card:nth-child(2) {
    border-right: none;
  }

  /* banner-testimonial */
  .testimonials .sec-title h2 {
    font-size: 30px;
  }

  .testimonials-boxs .testimonials-inner .testimonials-icon {
    display: none;
  }

  /* banner-faqs */
  .faq-sec .sec-title h2 {
    font-size: 30px;
  }

  /* banner-blogs */
  .blog-section .sec-title h2 {
    font-size: 30px;
  }

  .blog-para {
    font-size: 14px;
  }

  /* .about-inner-banner-pages */
  .about-inner-banner h1 {
    font-size: 35px;
  }

  .bread-crumb li {
    font-size: 16px;
  }

  .inner-about-page .about-content .bold-text p {
    font-size: 14px;
  }

  /* howitworks-pages */
  .main-content h2 {
    font-size: 26px;
    line-height: 35px;
  }

  .main-content p {
    font-size: 14px;
  }

  .points ul li {
    font-size: 14px;
}

.main-sidebar h4 {
  font-size: 16px;
}

/* contact-pages */
.contact {
  padding: 40px 0;
  background-position: center;
}

.contact-heading h2 {
  font-size: 24px;
  line-height: 32px;
}

.contact-heading p {
  font-size: 14px;
  line-height: 1.6em;
}

.cont-foam {
  padding: 20px 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px;
}

.cont-foam .form-control {
  padding: 12px;
}

.contact-section .btn {
  font-size: 14px;
  padding: 12px 25px;
}

.row.g-4 {
  gap: 20px !important;
}

/* apply-now */
.apply {
  padding: 40px 0;
}

.apply-card {
  border-radius: 0;
}

.apply-text {
  padding: 30px 15px;
}

.apply-text h2 {
  font-size: 22px;
  padding-bottom: 20px;
}

.apply-text span {
  font-size: 16px;
}

.apply-text p {
  font-size: 14px;
  line-height: 1.6em;
}

.apply-icon {
  padding: 10px 0 25px 0;
}

.apply-icon i {
  padding: 10px;
  font-size: 18px;
}

.apply-icon h2 {
  font-size: 20px;
}

#city-form-apply {
  padding: 20px;
}

#city-form-apply h2 {
  font-size: 18px;
}

#city-form-apply .form-control {
  font-size: 14px;
  padding: 10px;
}

.form-check-label {
  font-size: 14px;
}

.text-end {
  text-align: center !important;
}

.btn {
  width: 100%;
  padding: 12px;
}

/* location-page */
.loaction-head h2 {
  font-size: 20px;
}

}


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

  /**** banner-section ****/
  .banner-slider .banner-content h1 {
    font-size: 30px;
  }

  .banner-slider .banner-content p {
    font-size: 15px;
  }

  .form-sec {
    margin-top: 20px;
  }

  /* howitworks */
  .howitwork-sec .sec-title h2 {
    font-size: 32px;
  }

  .howitwork-colum-two {
    margin-top: 20px;
  }

  .howitwork-sec .image-column .image {
    margin-bottom: 20px;
  }

  /* services */
  .service-sec .sec-title h2 {
    font-size: 32px;
  }

  /* choose-us */
  .choose-section .sec-title h2 {
    font-size: 32px;
  }


  .choose-section .choose-img-colum .image img {
    width: 100%;
  }

  .choose-section .choose-img-colum .image {
    margin-bottom: 20px;
  }

  /*--------------------------- city-banner-page ---------------------------------*/

  .city-banner-text h1 {
    line-height: 50px;
    font-size: 35px;
  }

  .city-banner-text .title {
    font-size: 14px;
  }

  .intro-box {
    margin-bottom: 20px;
  }

  /* city-description */
  .city-description .cities img {
    width: 100%;
  }

  .cities-sec {
    margin-top: 20px;
  }

  .city-description .city-title h2 {
    font-size: 35px;
  }

  /* benefits */
  .benefits .sec-title h2 {
    font-size: 35px;
  }

  /* howitworks */
  .hiw-shape2 img {
    display: none;
  }

  .hiw-shape1 img {
    display: none;
  }

  .hiw-card-1 {
    margin-right: 0px;
  }

  .hiw-card-2,
  .hiw-card-4 {
    margin: 0px;
  }

  /* requirement */
  .requirement .sec-title h2 {
    font-size: 32px;
  }

  .required-card:nth-child(1),
  .required-card:nth-child(2) {
    border-right: none;
  }

  /* testimonials */
  .testimonials .carousel-column .sec-title {
    margin-top: 20px;
  }

  .testimonials .sec-title h2 {
    font-size: 35px;
  }

  /* faqs */
  .faq-section {
    margin-top: 20px;
  }

  .blog-section .sec-title h2 {
    font-size: 35px;
  }

  .blog-card-content h5 {
    font-size: 15px;
  }

  .blog-para {
    line-height: 25px;
    font-size: 14px;
  }

  .main-content h2 {
    line-height: 30px;
    font-size: 25px;
}

/* apply-now */
.apply {
  padding: 50px 0;
}

.apply-card {
  border-radius: 8px;
}

.apply-text {
  padding: 40px 20px;
}

.apply-text h2 {
  font-size: 24px;
  padding-bottom: 30px;
}

.apply-text span {
  font-size: 18px;
}

.apply-text p {
  font-size: 15px;
  line-height: 1.8em;
}

.apply-icon {
  padding: 10px 0 35px 0;
}

.apply-icon i {
  padding: 12px;
  font-size: 20px;
}

.apply-icon h2 {
  font-size: 22px;
}

#city-form-apply {
  padding: 30px;
}

#city-form-apply h2 {
  font-size: 20px;
}

#city-form-apply .form-control {
  font-size: 14px;
  padding: 12px;
}

.form-check-label {
  font-size: 15px;
}

.btn {
  padding: 12px 20px;
}

}


/* footer */
@media only screen and (max-width: 991px) {
  .Footer-right-text {
    float: none !important;
  }

  .footer-sec .footer-bottom .footer-nav li a {
    font-size: 15px !important;
  }

  .carousel-item {
    height: auto;
  }
}


@media (min-width: 992px) and (max-width: 1024px) {

  /* banner-section */
  .banner-slider .banner-content h1 {
    font-size: 40px;
  }

  /* about-us */
  .about-head h2 {
    font-size: 35px;
  }

  label {
    font-size: 14px;
  }

  .about-section .about-content .bold-text p {
    font-size: 16px;
  }

  /* howitworks */
  .howitwork-sec .sec-title h2 {
    font-size: 35px;
  }

  .howitwork-card .hiw-box h5 {
    font-size: 18px;
  }

  /* services */
  .service-sec .sec-title h2 {
    font-size: 35px;
  }

  .service-card {
    height: 100%;
  }

  /* choose-us */
  .choose-section .sec-title h2 {
    font-size: 35px;
  }


   /*--------------------------- city-banner-page ---------------------------------*/
  .city-description .city-title h2 {
    font-size: 35px;
}

.benefits .sec-title h2 {
  font-size: 35px;
}

.requirement .sec-title h2 {
  font-size: 35px;
}

.required-card:nth-child(1), .required-card:nth-child(2) {
  border-right: none;
}

.testimonials .sec-title h2 {
  font-size: 35px;
}

.faq-sec .sec-title h2 {
  font-size: 35px;
}

.blog-section .sec-title h2 {
  font-size: 35px;
}

}



@media (min-width: 992px) and (max-width: 1500px) {
  .intro-box {
    height: 100%;
  }
}









/* contact-pages */
@media (min-width: 768px) and (max-width: 1024px) {
  .contact {
    padding: 50px 0;
    background-position: center;
  }

  .contact-heading h2 {
    font-size: 26px;
    line-height: 35px;
  }

  .contact-heading p {
    font-size: 14px;
    line-height: 1.7em;
  }

  .cont-foam {
    padding: 25px 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 8px;
  }

  .cont-foam .form-control {
    padding: 14px;
  }

  .contact-section .btn {
    font-size: 15px;
    padding: 13px 28px;
  }

}


/* contact-pages */
@media (min-width: 1025px) and (max-width: 1200px) {
  .contact {
    padding: 55px 0;
    background-position: center;
  }

  .contact-heading h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .contact-heading p {
    font-size: 15px;
    line-height: 1.8em;
  }

  .cont-foam {
    padding: 28px 18px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px;
  }

  .cont-foam .form-control {
    padding: 15px;
  }

  .contact-section .btn {
    font-size: 16px;
    padding: 14px 30px;
  }

}

/*---------------------- header-part-responsive-css -------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
  .main-header .main-menu .navigation > li {
    margin-right: 20px !important;
}

.main-header .outer-box {
  margin-left: 8px !important;
}

.logo-box img {
  height: 55px !important;
}

}




@media (min-width: 992px) and (max-width: 1800px) {

.navbar-toggler{
  display: none;


}
}

/* location */
@media (max-width: 575px) {
  .inner-list {
      display: block;
  }
  }