/* start navbar */
@media screen and (min-width:200px) and (max-width:920px) {
  .hamburger {
    display: block;
    padding-right: 20px;
  }

  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }

  .hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  header .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .nav-menu {
    position: absolute;
    left: -102%;
    top: 70px;
    gap: 0;
    flex-direction: column;
    background-color: #fffdfd;
    width: 100%;
    text-align: center;
    transition: 0.8s;
    z-index: 1;
  }

  .navbar img {
    padding-left: 20px;
  }

  .menu-btn {
    display: none;
  }

  .nav-item {
    margin: 16px 0;
  }

  .nav-menu.active {
    left: 0;
    box-shadow: 2px 2px 2px rgb(238, 224, 224);
  }
}

/* end navbar  */

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

  /* **** */
  .about,
  .industry,
  .reason,
  .testimonial,
  .faq,
  .contact,
  .blog,
  .inner-page-blog {
    padding: 50px 20px;
  }

  /* **** */

  /* start heading ,paragraph */
  /* .heading {
      font-size: 10px;
    }
   */
  .subheading {
    font-size: 16px;
    line-height: 20px;
  }

  .subheading-highlight {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 24px;
  }

  .faq .subheading,
  .blog .subheading,
  .industry .subheading,
  .process .subheading {

    width: 100%;

  }

  .reach-us {
    display: none;
  }

  /* end heading,paragraph */

  /* start button */
  .btn1,
  .btn2,
  .banner-btn {
    padding: 0px 10px;
    font-size: 10px;
    margin: 0;
  }

  /* end button */

  /* start banner */
  .banner {
    height: 500px;
  }

  .banner-left {
    width: 100%;
/*     height: 500px; */
	  background:none;
  }

  .banner-heading {
    font-size: 29px;
    line-height: 30px;
  }

  .banner-paragraph {
    line-height: 21px;
  }

  .banner-content {
    width: 100%;
    padding: 170px 20px;
  }

  /* end banner */

  /* start image */
  .image {
    padding-bottom: 30px;
  }

  /* end image */

  /* start proceess */
  .process-para {
    width: 100%;
	  padding:0px 10px
  }

  .process-container .col-md-3 {
    width: 100%;
    padding-bottom: 10px;
  }

  .circle {
    margin: auto;
  }

  .circle-step {
    text-align: center;
  }

  .label {
    font-size: 16px;
    line-height: 16px;
  }

  .circle-step::after {
    display: none;
  }

  /* end process */
  /* start industry */
  .industry .col-md-3 {
    padding-bottom: 20px;
  }

  .industryheading {
    font-size: 12px;
    line-height: 20px;
  }

  .industrycontent {
    font-size: 10px;
    line-height: 20px;
  }

  /* end industry */

  /* start franchise */
  .list-box .col-md-6 {
    width: 100%;
  }

  .franchise-list {
    font-size: 15px;
  }

  /* end franchise */
  /* start faq */
  .accordion-button {
    font-size: 12px;
  }

  .accordion-body {
    font-size: 12px;
  }

  .faq-img {
    transform: rotateZ(360deg);
    margin-top: 0;
    font-size: 5rem;
  }

  /* end faq */

  /* start blog */
  .blog-img {
    padding-bottom: 20px;
  }

  .blog-subheading {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-paragraph {
    font-size: 12px;
    line-height: 20px;
  }

  /* end blog */
  /* start testimonial */
  .testimonial-note {
    font-size: 14px;
    line-height: 20px;
  }

  /* end testimonial */

  /* start contact */
  .contact-information {
    width: 300px;
    left: 10%;
    display: none;
  }

  .contact-information h6,
  .contact-icon i {
    font-size: 20px;
  }

  .contact-medium {
    padding-top: 10px;
  }

  .contact-medium p {
    font-size: 14px;
  }

  .contact-medium span {
    font-size: 12px;
  }

  .contact-shape::after {
    display: none;
  }

  /* end contact */

  /* innerpage-banner */
  .inner-page-banner {
    height: 300px;
  }

  .inner-page-main-heading {
    font-size: 2rem;

    padding: 120px 30px;
  }

  /* end innerpage banner */


  /* start innerpage-funding */
  .funding {
    padding: 50px 0px;
  }

  .funding .col-md-3 {
    width: 100%;
    margin: auto;
  }

  .funding .col-md-3 {
    padding: 10px 70px;

  }

  .funding-paragraph {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  /* end innerpage-funding */


  /* start inner-page contact */
  .inner-page-contact .col-md-6 {
    padding: 20px;
  }

  .inner-page-contact .col-md-4 {
    width: 100%;
    padding: 20px;
  }

  .contact-medium {
    font-size: 14px;
  }

  /* end inner-page contact */

  /*  start inner page blog */
  .inner-page-blog .col-md-6 {
    padding-bottom: 20px;
  }

  .blog-card .front {
    padding-left: 55%;
  }

  .nname {

    font-size: 12px;
  }

  .blog-card .name {

    line-height: 15px;
    font-size: 20px;
  }

  .blog-card {
    height: 350px;
  }

  /* end inner page blog */

  .date {
    width: 50% !important;
  }

  .blog-img img {
    height: 350px;
  }

  .blog .col-md-6 {
    margin-top: 30px;
  }

  .industry .col-md-4:nth-child(2),
  .industry .col-md-4:nth-child(3) {
    margin-top: -52px;
  }

  .img-box img {
    height: auto !important;
  }
  .front p {
    line-height: 20px;
    font-size: 12px;
  }
	.about .row {
		width: 100%;
	}
	.blog-card .more .character-card {
		display: none;
	}
	.s-page img {
		height: 350px;
		margin-bottom: 30px;
	}
}




@media screen and (min-width:361px) and (max-width:767px) {
	.s-page img {
		height: 350px;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.blog-card .more .character-card {
		display: none;
	}
	.about .row {
		width: 100%;
	}
  .img-box img {
    height: auto !important;
  }

  .industry .col-md-4:nth-child(2),
  .industry .col-md-4:nth-child(3) {
    margin-top: -52px;
  }

  .blog .col-md-6 {
    margin-top: 30px;
  }

  .blog-img img {
    height: 350px;
  }

  .date {
    width: 50% !important;
  }

  /* **** */
  .about,
  .industry,
  .reason,
  .testimonial,
  .faq,
  .contact,
  .blog,
  .inner-page-blog {
    padding: 50px 20px;
  }

  /* **** */
  /* start image */
  .image {
    padding-bottom: 30px;
  }

  /* end image */
  /* start heading,paragraph */
  .heading {
    font-size: 10px;
  }

  .subheading {
    font-size: 20px;
    line-height: 24px;
  }

  .subheading-highlight {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph {
    font-size: 15px;
    line-height: 24px;
	  padding: 10px 0px;
  }

  .faq .subheading,
  .blog .subheading,
  .industry .subheading,
  .process .subheading {

    width: 100%;

  }

  .reach-us {
    display: none;
  }

  /* end heading */

  /* start button */
  .btn1,
  .btn2,
  .banner-btn {
    padding: 0px 10px;
    font-size: 10px;
    margin: 0;
  }

  /* end button */
  /* start banner */
  .banner {
    height: 550px;
  }

  .banner-left {
    width: 100%;
    height: 500px;
	  background:none;
  }

  .banner-heading {
    font-size: 30px;
    line-height: 42px;
  }
.banner-content {
/*     width: 100%; */
    padding: 160px 20px;
}
  /* end banner */

  /* start proceess */
  .process-para {
    width: 100%;
  }

  .process-container .col-md-3 {
    width: 49%;
    padding-bottom: 10px;
  }

  .circle {
    margin: auto;
  }

  .circle-step {
    text-align: center;
  }

  .label {
    font-size: 15px;
    line-height: 16px;
  }

  .circle-step::after {
    display: none;
  }

  /* end process */

  /* start industry */
  .industry .col-md-3 {
    padding-bottom: 20px;
    width: 49%;
  }

  .industryheading {
    font-size: 12px;
    line-height: 20px;
  }

  .industrycontent {
    font-size: 10px;
    line-height: 20px;
  }

  /* end industry */

  /* start franchise */
  .list-box .col-md-6 {
    width: 100%;
  }

  .franchise-list {
    font-size: 15px;
  }

  /* end franchise */
  /* start faq */
  .accordion-button {
    font-size: 14px;
  }

  .accordion-body {
    font-size: 13px;
  }

  .faq-img {
    transform: rotateZ(360deg);
    margin-top: 0;
    font-size: 5rem;
  }

  /* end faq */
  /* start blog */

  .blog-img {
    padding-bottom: 20px;
  }

  .blog-subheading {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-paragraph {
    font-size: 12px;
    line-height: 20px;
  }

  /* end blog */
  /* start testimonial */
  .testimonial-note {
    font-size: 14px;
    line-height: 20px;
  }


  /* end testimonial */

  /* start contact */
  .contact-information {
    width: 300px;
    display: none;

  }

  .contact-information h6,
  .contact-icon i {
    font-size: 20px;
  }

  .contact-medium {
    padding-top: 10px;
  }

  .contact-medium p {
    font-size: 14px;
  }

  .contact-medium span {
    font-size: 12px;
  }

  /* end contact */

  /* innerpage-banner */
  .inner-page-banner {
    height: 300px;
  }

  .inner-page-main-heading {
    font-size: 2rem;

    padding: 120px 30px;
  }

  /* end innerpage banner */

  /* start innerpage-funding */
  .funding {
    padding: 50px 0px;
  }

  .funding .row {
    padding: 10px;
  }

  .funding .col-md-3 {
    width: 49%;
    padding: 20px 0px;
  }

  .funding-paragraph {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  /* end innerpage-funding */
  /* start inner-page contact */

  .inner-page-contact.col-md-6 {
    padding: 20px;
  }

  .inner-page-contact .col-md-4 {
    width: 49%;
    padding: 20px;
  }

  .contact-heading {
    font-size: 16px;
    padding-top: 5px;
  }

  .contact-medium {
    font-size: 14px;
  }

  /* end inner-page contact */


  /*  start inner page blog */
  .inner-page-blog .col-md-6 {
    padding-bottom: 20px;
  }


  .nname {

    font-size: 12px;
  }

  .blog-card .name {

    line-height: 15px;
    font-size: 20px;
  }

  .blog-card {
    height: 350px;
  }

  /* end inner page blog */
}

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

  /* start heading ,pragraph*/
  .subheading {
    font-size: 20px;
    line-height: 30px;
  }

  .subheading-highlight {
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph {
    font-size: 16px;
    line-height: 25px;
  }

  /* end heading */

  /* start button */
  .btn1,
  .btn2 {
    padding: 0px 20px;
    font-size: 16px;
  }

  /* end button */
  /* start banner */
  .banner {
    height: 550px;
  }

  .banner-left {
    width: 100%;
/*     height: 500px; */
	  background:none;
  }

  .banner-heading {
    font-size: 40px;
    line-height:44px;
  }

  /* end banner */

  /* start process */
  .label {
    font-size: 15px;
    line-height: 16px;
  }

  /* end process */

  /* start industry */

  .industryheading {
    font-size: 13px;
    line-height: 16px;
  }

  /* end industry */

  /* start franchise */
  .franchise-list {
    font-size: 14px;
  }

  /* end franchise */
  /* start faq */
  .faq-img {
    transform: rotateZ(360deg);
    margin-top: 0;
    font-size: 5rem;
  }

  /* end faq */

  /* start testimonial */
  .testimonial-note {
    font-size: 14px;
    line-height: 20px;
  }

  /* end testimonial */

  /* start blog */
  .blog-subheading {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-paragraph {
    font-size: 12px;
    line-height: 20px;
  }

  /* end blog */
  /* start contact */
  .contact-information h6,
  .contact-icon i {
    font-size: 25px;
  }

  .contact-medium {
    padding-top: 10px;
  }

  .contact-medium p {
    font-size: 18px;
  }

  .contact-medium span {
    font-size: 16px;
  }

  /* end contact */


  /* start innerpage-funding */
  .funding .col-md-3 {
    width: 33%;
    padding: 10px 0px;
  }

  /* end innerpage-funding */


  /* start innerpage blog */
  .blog-card .front {
    padding-left: 40%;
  }

  /* end innerpage blog */
}