@media only screen and (max-width: 767px) {
  /* top-navbar-area responsive */
  .top-navbar-area {
    border-radius: 0;
  }
  .top-navbar-area .fololow-icon {
    text-align: center;
    margin-bottom: 5px;
  }
  .top-navbar-area .contact {
    text-align: center;
  }
  .top-navbar-area .contact li {
    margin-right: 0;
  }
  .top-navbar-area .contact li::before {
    width: 0;
  }
  /*
  navbar-area responsive
  ================================================== */
  .navbar .others-options {
    display: none;
  }
  /*
  hero-area responsive
  ================================================== */
  .hero-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hero-area .hero-content {
    text-align: center;
  }
  .hero-area .hero-content h1 {
    font-size: 25px;
  }
  .hero-area .hero-content .combined {
    font-size: 42px;
  }
  .hero-area .hero-content .hero-button {
    margin-bottom: 40px;
  }
  .hero-area .hero-content .hero-button .default-btn {
    margin-right: 0;
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    font-size: 20px;
  }
  .hero-area .hero-content .hero-button .default-btn::after {
    height: 62px;
  }
  .hero-area .hero-content .hero-button .default-btn::before {
    top: 26px;
  }
  .hero-area .hero-content .hero-button .plan-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
  }
  .hero-area .hero-content .hero-button .plan-btn::after {
    height: 62px;
  }
  .hero-area .hero-content .hero-button .plan-btn::before {
    top: 26px;
  }
  .hero-area .hero-image .vedio-button {
    width: 100%;
    left: 0;
  }
  .hero-area .hero-image .vedio-button i::after {
    display: none;
  }
  .hero-area .hero-image .hero {
    width: 100%;
  }
  /*
  hero-image-area responsive
  ================================================== */
  .hero-image-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hero-image-area .discussion-card {
    width: 100%;
  }
  .hero-image-area .discussion-card .content h5 {
    font-size: 18px;
  }
  /*
  number-area responsive
  ================================================== */
  .number-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .number-area .counts-card {
    top: 0;
  }
  .number-area .counts-card .hero-card {
    border-bottom: 1px solid #ff7b9a;
    border-right: none;
    padding-bottom: 14px;
  }
  .number-area .counts-card .hero-card .time span {
    right: 0;
    left: 100px;
    margin: auto;
  }
  .number-area .counts-card .col-lg-3:nth-child(4) .hero-card {
    border-bottom: none;
    padding-bottom: 0;
  }
  .number-area.one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  header-area responsive
  ================================================== */
  .header-area .logo li {
    margin-left: 0;
  }
  /*
  cons-area responsive
  ================================================== */
  .cons-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cons-area .cons-title h3 {
    font-size: 25px;
  }
  .cons-area .cons-prg p {
    font-size: 15px;
  }
  .cons-area .cons-prg::before {
    display: none;
  }
  .cons-area .cons-prg::after {
    display: none;
  }
  .cons-area .cons-card-item {
    margin-top: 20px;
  }
  /*
  about-area responsive
  ================================================== */
  .about-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-area .cons-title h3 {
    font-size: 25px;
  }
  .about-area .cons-prg p {
    font-size: 15px;
  }
  .about-area .cons-prg::before {
    display: none;
  }
  .about-area .cons-prg::after {
    display: none;
  }
  .about-area .about-image {
    margin-top: 20px;
  }
  .about1-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about1-area .about1-title h3 {
    font-size: 20px;
  }
  .about1-area .about1-title p {
    font-size: 15px;
    line-height: 23px;
    padding-top: 5px;
  }
  .about1-area .about1-count {
    text-align: center;
  }
  .about1-area .about1-count .time span {
    left: 100px;
    right: 0;
    margin: auto;
  }
  .about1-area .about-image1 {
    width: 100%;
    margin-top: 50px;
  }
  .about1-area .about-image2 {
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 20px;
  }
  /*
  rangs-area responsive
  ================================================== */
  .rangs-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .rangs-area .rengs-items {
    width: 100%;
  }
  .rangs-area .rengs-items .rangs-title h3 {
    font-size: 25px;
  }
  .rangs-area .rengs-items .rangs-title::after {
    display: none;
  }
  .rangs-area .rengs-items .rangs-prg p {
    font-size: 15px;
  }
  .rangs-area .rangs-content {
    margin-top: 20px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-one {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-one img.logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two img.logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card-body {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .rangs-area .rangs-content .rengs-card-body li span {
    font-size: 16px;
  }
  .rangs-area .rangs-content .rengs-card-body li span::after {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card-body li span::before {
    display: none;
  }
  .rangs-area .rangs-content .rengs-number {
    margin-left: 0;
    margin-top: 20px;
  }
  .rangs-area .rangs-content .rengs-number .combined {
    display: none;
  }
  .rangs-area .rangs-content .rengs-number .triangle {
    display: none;
  }
  .rangs-area .rangs-content .rengs-number li h4 {
    font-size: 25px;
  }
  .rangs-area .rangs-content .rengs-number li i {
    font-size: 15px;
    color: #F66587;
    position: relative;
    left: -5px;
    transition: 0.6s;
    top: -3px;
  }
  .rangs-area .rangs-content .rengs-number li .icon {
    font-size: 15px;
    color: #F66587;
    position: relative;
    left: -5px;
    transition: 0.6s;
    top: -3px;
  }
  .rangs-area .rangs-content .rengs-number li .right {
    font-size: 15px;
    color: #F66587;
    position: relative;
    left: -5px;
    transition: 0.6s;
    top: -3px;
  }
  .rangs-area .rangs-content .rengs-number li .left {
    font-size: 15px;
    color: #F66587;
    position: relative;
    left: -5px;
    transition: 0.6s;
    top: -3px;
  }
  .rangs-area .rangs-content .rengs-number li .line {
    font-size: 15px;
    color: #F66587;
    position: relative;
    left: -5px;
    transition: 0.6s;
    top: -3px;
  }
  .rangs-area .rangs-content .rengs-number li span {
    width: 52px;
    height: 52px;
    font-size: 20px;
    line-height: 52px;
  }
  .rangs-area .rangs-content .rengs-number li:hover i {
    left: 120px;
    color: #ffffff;
    top: 0;
  }
  .rangs-area .rangs-content .rengs-number li:hover .line-one {
    left: 148px;
    color: #ffffff;
    top: 0;
  }
  .rangs-area .rangs-content .rengs-number li:hover .right {
    left: 150px;
    color: #ffffff;
    top: 0;
  }
  .rangs-area .rangs-content .rengs-number li:hover .left {
    left: 160px;
    color: #ffffff;
    top: 0;
  }
  .rangs-area .rangs-content .rengs-number li:hover h4 {
    background: #F66587;
    left: 50px;
  }
  .rangs-area .rangs-content .rengs-number li:hover h4 a {
    color: #ffffff;
  }
  .rangs-area .rangs-content .rengs-number li:hover .support {
    left: 170px;
    color: #ffffff;
    top: 0;
  }
  .rangs-area .rangs-content .rengs-number li:hover .line {
    left: 160px;
  }
  /*
  discover-area responsive
  ================================================== */
  .discover-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .discover-area::before {
    width: 100%;
  }
  .discover-area .discover-content {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .discover-area .discover-content h2 {
    font-size: 25px;
  }
  .discover-area .discover-content p {
    font-size: 15px;
  }
  .discover-area .discover-card-item {
    margin-left: 0;
  }
  .discover-area .discover-card-item .triangle {
    display: none;
  }
  .discover-area .discover-card-item .discover-card {
    width: 100%;
    margin-bottom: 20px;
  }
  .discover-area .discover-card-item .triangle-one {
    display: none;
  }
  .discover-area .col-lg-4:nth-child(3) .discover-card {
    margin-bottom: 0;
  }
  /*
  protfolio-area responsive
  ================================================== */
  .protfolio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .protfolio-area::before {
    display: none;
  }
  .protfolio-area .cons-title h3 {
    font-size: 25px;
  }
  .protfolio-area .cons-prg p {
    font-size: 15px;
  }
  .protfolio-area .cons-prg::before {
    display: none;
  }
  .protfolio-area .cons-prg::after {
    display: none;
  }
  .protfolio-area .protfolio-card-item .protfolio-card .protfollio-card-body h3 {
    font-size: 25px;
  }
  /*
  seeking-area responsive
  ================================================== */
  .seeking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seeking-area .seeking-content h3 {
    font-size: 20px;
  }
  .seeking-area .seeking-content p {
    font-size: 15px;
  }
  .seeking-area .seeking-prg p {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
  }
  .seeking-area .seeking-prg::before {
    display: none;
  }
  .seeking-area .seeking-prg .vedio-button {
    width: 100%;
    margin-bottom: 0;
    margin-top: 22px;
  }
  .seeking-area .seeking-prg .vedio-button .vedio-content {
    margin-right: 40px;
  }
  /*
  value-area responsive
  ================================================== */
  .value-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .value-area .cons-title h3 {
    font-size: 25px;
  }
  .value-area .cons-prg p {
    font-size: 15px;
  }
  .value-area .cons-prg::before {
    display: none;
  }
  .value-area .cons-prg::after {
    display: none;
  }
  .value-area .value-button {
    text-align: center;
  }
  .value-area .value-content .value-card-one {
    margin-bottom: 55px;
  }
  .value-area .value-content .value-card {
    margin-bottom: 55px;
  }
  .value-area .value-title-one h3 {
    font-size: 22px;
  }
  /*
  work-area responsive
  ================================================== */
  .work-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .work-area .work-title {
    width: 100%;
  }
  .work-area .work-title h3 {
    font-size: 25px;
  }
  .work-area .work-content .work-card {
    margin-bottom: 65px;
  }
  .work-area .col-lg-4:nth-child(3) .work-card {
    margin-bottom: 0;
  }
  .work-area .work-shape {
    display: none;
  }
  /*
  global-area responsive
  ================================================== */
  .global-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .global-area .growth-title {
    margin-bottom: 50px;
  }
  .global-area .growth-title .cons-title h3 {
    font-size: 25px;
  }
  .global-area .growth-title .cons-prg p {
    font-size: 15px;
  }
  .global-area .growth-title .cons-prg::before {
    display: none;
  }
  .global-area .growth-title .cons-prg::after {
    display: none;
  }
  .global-area .growth-image h3 {
    top: 50px;
    font-size: 20px;
  }
  .global-area .growth-image .vedio-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .global-area .growth-image .vedio-icon i::after {
    width: 40px;
    height: 40px;
  }
  .global-area .global-card .growth-card.one {
    top: 20px;
  }
  .global-area .global-card .growth-card.one .growth-card-body .icon1 i {
    font-size: 40px;
  }
  .global-area .global-card .growth-card.one::before {
    height: 123px;
  }
  .global-area .global-card .growth-card.two {
    position: relative;
    top: 20px;
  }
  .global-area .global-card .growth-card.three {
    position: relative;
    top: 20px;
  }
  .global-area .global-card .growth-card.four {
    position: relative;
    top: 20px;
  }
  .global-area .global-card .growth-card::before {
    height: 110px;
  }
  .global-area .global-card .growth-card .growth-card-body .growth-icon .skill-card h4 {
    font-size: 20px;
  }
  .global-area .global-card .growth-card .growth-card-body .growth-icon .skill-card h6 {
    font-size: 16px;
  }
  .global-area .global-card .growth-card .icon1 i {
    font-size: 40px;
  }
  .global-area .global-card .growth-card::before {
    height: 123px;
  }
  .global-area .global-card .triangle-icon {
    display: none;
  }
  .global-area .global-card .combined {
    display: none;
  }
  /*
  logo-area responsive
  ================================================== */
  .logo-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .logo-area .logo-image {
    text-align: center;
  }
  /*
  success-area responsive
  ================================================== */
  .success-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .success-area .success-title {
    width: 100%;
  }
  .success-area .success-title h3 {
    font-size: 25px;
  }
  .success-area .success-title::after {
    display: none;
  }
  .success-area .success-item .triangle-icon {
    display: none;
  }
  .success-area .success-item .success-card {
    margin-bottom: 20px;
  }
  .success-area .success-item .success-card li h3 {
    font-size: 24px;
  }
  .success-area .success-item .success-card li span {
    font-size: 15px;
  }
  .success-area .success-item .plus-icon {
    display: none;
  }
  .success-area .success-item .success-image .default-btn {
    font-size: 15px;
    padding: 10px 30px 10px 30px;
    right: 0;
  }
  .success-area .success-item .success-image .default-btn i {
    font-size: 17px;
  }
  /*
  blog-area responsive
  ================================================== */
  .blog-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-area .blog-title h3 {
    font-size: 25px;
  }
  .blog-area .blog-item {
    margin-top: 20px;
  }
  .blog-area .blog-item .blog-card {
    margin-bottom: 20px;
  }
  .blog-area .blog-item .blog-card .blog-title h3 {
    font-size: 18px;
  }
  .blog-area .col-lg-4:nth-child(3) .blog-card {
    margin-bottom: 0;
  }
  /*
  appointment-area responsive
  ================================================== */
  .appointment-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .appointment-area .appointment-card {
    margin-right: 0;
    padding: 50px 30px;
  }
  .appointment-area .appointment-card h3 {
    font-size: 25px;
  }
  .appointment-area .appointment-card-one {
    margin-left: 0;
    top: 20px;
    padding: 50px 30px;
  }
  .appointment-area .appointment-title h3 {
    font-size: 23px;
  }
  .appointment-area .appointment-card-two {
    margin-left: 0;
    top: 20px;
  }
  .appointment-area .appointment-card-two .clearfix .clear {
    position: relative;
  }
  .appointment-area .appointment-card-two .clearfix .clear .not-btn {
    margin-left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .mb-100 {
    margin-bottom: 50px;
  }
  /*
  media-area responsive
  ================================================== */
  .media-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .media-area .media-inner-item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .media-area .media-inner-item .cons-title h3 {
    font-size: 25px;
  }
  .media-area .media-inner-item .cons-prg p {
    font-size: 15px;
  }
  .media-area .media-inner-item .cons-prg::before {
    display: none;
  }
  .media-area .media-inner-item .cons-prg::after {
    display: none;
  }
  .media-area .media-title {
    margin-bottom: 40px;
  }
  .media-area .media-title h3 {
    font-size: 25px;
  }
  .media-area .media-title::after {
    display: none;
  }
  /*
  news-area responsive
  ================================================== */
  .news-area {
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0;
  }
  .news-area .news-item .cons-title {
    margin-bottom: 20px;
  }
  .news-area .news-item .cons-title p {
    font-size: 18px;
  }
  .news-area .news-item .cons-prg h3 {
    font-size: 22px;
  }
  .news-area .news-item .cons-prg-one h3 {
    font-size: 20px;
  }
  .news-area .combined {
    display: none;
  }
  /*
  footer-area responsive
  ================================================== */
  .footer-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer-area .footer-content {
    margin-bottom: 20px;
  }
  .footer-area .footer-item {
    margin-bottom: 20px;
  }
  .footer-area .footer-plus .combined {
    display: none;
  }
  .footer-area .footer-triangle {
    display: none;
  }
  /*
  header-area-one responsive
  ================================================== */
  .header-area-one {
    border-radius: 0;
  }
  .header-area-one .header-title h3 {
    text-align: center;
  }
  .header-area-one .header-content {
    text-align: center;
    margin-top: 20px;
  }
  /*
  home page 2 responsive
  banner-area responsive
  ================================================== */
  .banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner-area::after {
    display: none;
  }
  .banner-area .banner-content {
    width: 100%;
  }
  .banner-area .banner-content h1 {
    font-size: 25px;
  }
  .banner-area .banner-content h2 {
    font-size: 27px;
  }
  .banner-area .banner-content p {
    font-size: 15px;
    line-height: 20px;
  }
  .banner-area .banner-content .banner-btn .plan-btn {
    margin-left: 0;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
  }
  .banner-area .banner-content .banner-btn .default-btn {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .banner-slider-widget .banner-slider-btn {
    bottom: 20px;
    right: 60px;
  }
  .banner-slider-widget .swiper-pagination.swiper-pagination-fraction {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: auto;
    color: #FFF;
    font-family: "PT Serif", serif;
    font-size: 30px;
    font-weight: 700;
  }
  /*
  about-area-two responsive
  ================================================== */
  .about-area-two {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-area-two .about-plus {
    display: none;
  }
  .about-area-two .about-triangle {
    display: none;
  }
  .about-area-two .about-header-two {
    margin-bottom: 20px;
  }
  .about-area-two .about-header-two h3 {
    font-size: 20px;
    width: 100%;
  }
  .about-area-two .about-item-two .about-image-two {
    position: relative;
    top: 0;
    right: 0;
  }
  .about-area-two .about-item-two .about-image-two .about {
    width: 100%;
    height: auto;
    border-radius: 200px 0px 0px 0px;
  }
  .about-area-two .about-item-two .about-title-two {
    width: 100%;
    position: relative;
    top: 30px;
    right: 0;
    margin-bottom: 40px;
  }
  .about-area-two .about-item-two .about-number-two h1 {
    font-size: 70px;
    margin-left: 0;
  }
  .about-area-two .about-image-one {
    position: relative;
    top: 20px;
    left: 0;
    margin-bottom: 40px;
  }
  .about-area-two .about-image-one .about-one {
    width: 100%;
    height: auto;
    border-radius: 200px 0px 0px 0px;
  }
  .about-area-two .about-card-body .united {
    margin-top: 20px;
  }
  .about-area-two .about-card-body .united span {
    font-size: 18px;
  }
  .about-area-two .about-card-body .about-quote .quote .quote-logo {
    width: 70px;
    height: 70px;
  }
  .about-area-two .about-card-body .about-quote .quote-content h5 {
    font-size: 16px;
  }
  .about-area-two .about-card-body .about-quote .quote-content .name {
    font-size: 18px;
  }
  .about-area-two .about-card-body .about-quote .quote-content h6 {
    font-size: 15px;
  }
  /*
  core-area responsive
  ================================================== */
  .core-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .core-area .core-main-card {
    padding: 30px 20px;
  }
  .core-area .core-main-card::before {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .core-area .core-main-card .core-header p {
    font-size: 15px;
  }
  .core-area .core-card {
    padding: 30px 20px;
  }
  .core-area .core-card .core-header p {
    font-size: 15px;
  }
  .core-area .core-card .core-header .core-icon-one i {
    left: -23px;
  }
  .core-area .core-card::before {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  /*
  choose-area responsive
  ================================================== */
  .choose-area {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .choose-area .choose-title h3 {
    font-size: 22px;
  }
  .choose-area .choose-card-body-two {
    position: relative;
    left: 0;
  }
  .choose-area .choose-card-body-two .choose-card-three {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
  .choose-area .choose-card-body {
    position: relative;
    bottom: 0;
    right: 0;
  }
  .choose-area .choose-card-body .choose-card-five {
    width: 100%;
    margin-bottom: 20px;
  }
  .choose-area .choose-card-body-one {
    position: relative;
    bottom: 0;
    right: 0;
  }
  .choose-area .choose-card-body-one .choose-card-six {
    margin-bottom: 20px;
    width: 100%;
  }
  .choose-area .choose-card {
    margin-bottom: 20px;
    text-align: center;
  }
  .choose-area .choose-card .choose-check h1 {
    right: 0;
  }
  .choose-area .choose-card-one {
    margin-bottom: 20px;
    text-align: center;
  }
  .choose-area .choose-card-one .choose-check h1 {
    right: 0;
  }
  .choose-area .choose-card-five {
    text-align: center;
  }
  .choose-area .choose-card-five .choose-check h1 {
    right: 0;
  }
  .choose-area .choose-card-six {
    text-align: center;
  }
  .choose-area .choose-card-six .choose-check h1 {
    right: 0;
  }
  .choose-area .choose-card-two {
    margin-bottom: 20px;
    text-align: center;
  }
  .choose-area .choose-card-two .choose-check h1 {
    right: 0;
  }
  .choose-area .choose-plus {
    display: none;
  }
  .choose-area .choose-triangle {
    display: none;
  }
  /*
  plus-area responsive
  ================================================== */
  .plus-area .plus-content li {
    margin-left: 45px;
    margin-bottom: 10px;
  }
  .plus-area .plus-content li:first-child {
    margin-left: 45px;
  }
  .plus-area .plus-content li .combined {
    display: none;
  }
  /*
  process-area responsive
  ================================================== */
  .process-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .process-area .process-title h3 {
    font-size: 22px;
  }
  .process-area .process-card-body .process-card {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card p {
    font-size: 13px;
  }
  .process-area .process-card-body .process-card h3 {
    font-size: 16px;
  }
  .process-area .process-card-body .process-card .process-pgr p {
    font-size: 12px;
  }
  .process-area .process-card-body .process-card-one {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-one p {
    font-size: 13px;
  }
  .process-area .process-card-body .process-card-one h3 {
    font-size: 16px;
  }
  .process-area .process-card-body .process-card-one .process-pgr p {
    font-size: 12px;
  }
  .process-area .process-card-body .process-card-two {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-two p {
    font-size: 13px;
  }
  .process-area .process-card-body .process-card-two h3 {
    font-size: 16px;
  }
  .process-area .process-card-body .process-card-two .process-pgr p {
    font-size: 12px;
  }
  .process-area .process-card-body .process-card-three {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-three p {
    font-size: 13px;
  }
  .process-area .process-card-body .process-card-three h3 {
    font-size: 16px;
  }
  .process-area .process-card-body .process-card-three .process-pgr p {
    font-size: 12px;
  }
  .process-area .process-card-body .process-image .process {
    width: 100%;
    height: auto;
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
  }
  /*
  industries-area responsive
  ================================================== */
  .industries-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .industries-area .industries-title h3 {
    font-size: 25px;
  }
  .industries-area .industries-card .combined {
    font-size: 190px;
    top: 0;
  }
  /*
  have-area responsive
  ================================================== */
  .have-area {
    padding-bottom: 50px;
  }
  .have-area .million-card .million-card-body {
    text-align: center;
    display: block;
  }
  .have-area .million-card .million-card-body .million-header {
    margin-left: 0;
  }
  .have-area .million-card .million-card-body .million-header::before {
    display: none;
  }
  .have-area .million-card .million-card-body .million-header h3 {
    font-size: 28px;
  }
  .have-area .million-card .million-card-body .million-header h3 span {
    font-size: 18px;
  }
  .have-area .million-card .million-card-body .million-header h6 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .have-area .million-card .million-card-body .million-logo {
    margin-bottom: 20px;
  }
  .have-area .million-card .million-card-body {
    text-align: center;
  }
  .have-area .million-card .million-card-body .million-header-one h3 {
    font-size: 17px;
  }
  .have-area .million-card .million-card-body .million-header-one h3 {
    font-size: 16px;
  }
  .have-area .million-card .million-card-body .million-header-one h6 {
    font-size: 14px;
  }
  .have-area .million-card .million-card-body .million-header-one h6 .arrow {
    display: none;
  }
  .have-area .have-card {
    padding: 20px 50px;
  }
  .have-area .have-card .have-card-body h3 {
    font-size: 24px;
  }
  .have-area .have-card .have-card-body p {
    margin-top: 19px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .have-area .have-card .have-card-body .default-btn {
    display: inline-block;
    width: 100%;
  }
  .have-area .have-card .have-video-card .vedio-button {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .have-area .have-card .have-video-card .vedio-button .vedio-content h4 {
    font-size: 15px;
  }
  .have-area .have-card .have-video-card .vedio-button .vedio-content span {
    font-size: 13px;
  }
  .have-area .have-card .have-video-card .have-prg::before {
    display: none;
  }
  .have-area .have-card .have-video-card .have-prg p {
    font-size: 18px;
    line-height: 20px;
  }
  .have-area .logo-card-body {
    padding: 30px 50px;
  }
  .have-area .logo-card-body .logo-title h5 {
    font-size: 15px;
  }
  .have-area .logo-card-body .logo-image {
    text-align: center;
  }
  /*
  explore-area responsive
  ================================================== */
  .explore-area {
    padding-top: 50px;
  }
  .explore-area .explore-title h3 {
    font-size: 25px;
  }
  .explore-area .explore-number {
    margin-left: 0;
    margin-bottom: 60px;
  }
  .explore-area .explore-number .nav-link strong {
    font-size: 20px;
    width: 100%;
    margin-left: 45px;
    padding: 13px 30px 13px 10px;
  }
  .explore-area .explore-number .nav-link i {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon1 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon2 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon3 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon4 {
    display: none;
  }
  .explore-area .explore-number .nav-link span {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
  }
  .explore-area .explore-number::before {
    left: -20px;
  }
  .explore-area .explore-number .combined {
    display: none;
  }
  .explore-area .explore-number .triangle {
    display: none;
  }
  .explore-area .web-card {
    background: rgba(12, 198, 243, 0.66);
    padding: 20px 20px 30px;
    margin: 0 0 0 0;
    position: relative;
    top: 35px;
  }
  .explore-area .web-card p {
    font-size: 13px;
  }
  .explore-area .web-card .web-contant li span {
    font-size: 12px;
  }
  .explore-area .web-card h3 {
    font-size: 25px;
  }
  .explore-area .explore-card::before {
    width: 100%;
  }
  .explore1-area {
    padding-top: 50px;
    padding-bottom: 410px;
  }
  .explore1-area .hover-area {
    display: block;
    left: 0;
    top: 0;
  }
  .explore1-area .hover-area .web-card {
    top: 300px;
    left: 0;
    width: 100%;
  }
  .explore1-area .hover-area .web-card.one {
    top: 370px;
  }
  .explore1-area .hover-area .web-card.two {
    top: 230px;
  }
  .explore1-area .hover-area .web-card.three {
    top: 160px;
  }
  .explore1-area .hover-area .web-card.four {
    top: 90px;
  }
  .explore1-area .hover-area .web-card p {
    font-size: 13px;
  }
  .explore1-area .hover-area .web-card .web-contant li span {
    font-size: 12px;
  }
  .explore1-area .hover-area .web-card h3 {
    font-size: 25px;
  }
  .explore1-area .hover-area .hover-title h4 {
    font-size: 20px;
    width: 100%;
    margin-left: 35px;
    padding: 13px 30px 13px 10px;
    border-radius: 0px;
  }
  .explore1-area .hover-area .hover-title i {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon1 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon2 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon3 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon4 {
    display: none;
  }
  .explore1-area .hover-area .hover-title span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  .explore1-area .explore-title h3 {
    font-size: 25px;
  }
  .explore1-area .combined {
    display: none;
  }
  .explore1-area .triangle {
    display: none;
  }
  .explore1-area::before {
    display: none;
  }
  .explore1-area::after {
    display: none;
  }
  /*
  growth-area responsive
  ================================================== */
  .growth-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .growth-area .growth-title {
    margin-bottom: 30px;
  }
  .growth-area .growth-title h3 {
    font-size: 22px;
    width: 100%;
  }
  .growth-area .growth-image {
    width: 100%;
  }
  .growth-area .growth-image .growth-content {
    margin-top: 10px;
  }
  .growth-area .growth-image .growth-content p {
    margin-top: 30px;
  }
  .growth-area .growth-image .image-border {
    width: 100%;
  }
  .growth-area .growth-image .image-border::before {
    display: none;
  }
  .growth-area .growth-image .work {
    width: 100%;
  }
  .growth-area .col-lg-4:nth-child(2) .growth-image {
    position: relative;
    margin-left: 0;
  }
  .growth-area .col-lg-4:nth-child(3) .growth-image {
    position: relative;
    margin-left: 0;
  }
  /*
  studies-area responsive
  ================================================== */
  .studies-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .studies-area .studies-title {
    margin-bottom: 30px;
  }
  .studies-area .studies-title h3 {
    font-size: 25px;
    width: 100%;
  }
  .studies-area .studies-plus .nav-btn {
    width: 100%;
    margin-bottom: 20px;
  }
  .studies-area .studies-plus .triangle {
    display: none;
  }
  .studies-area .studies-plus .combined {
    display: none;
  }
  /*
  blog-post-area responsive
  ================================================== */
  .blog-post-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-post-area .blog-post-title {
    margin-bottom: 30px;
  }
  .blog-post-area .blog-post-title h3 {
    font-size: 25px;
    width: 100%;
  }
  .blog-post-area .blog-post {
    margin-bottom: 20px;
  }
  .blog-post-area .blog-post-one {
    margin-bottom: 20px;
  }
  /*
  looking-area responsive
  ================================================== */
  .looking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .looking-area::before {
    width: 100%;
    height: 44%;
  }
  .looking-area::after {
    top: 510px;
    width: 100%;
    height: 30%;
  }
  .looking-area .looking-card-body {
    top: 0;
    left: 0;
    margin-top: 20px;
  }
  .looking-area .looking-card p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
  }
  .looking-area .looking-card h3 {
    font-size: 25px;
  }
  /*
  about page responsive
  banner-area-one responsive
  ================================================== */
  .banner-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner-area-one .banner-title h1 {
    font-size: 28px;
  }
  .banner-area-one .banner-title .banner-title span {
    font-size: 18px;
  }
  /*
  want-area responsive
  ================================================== */
  .want-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .want-area .col-lg-3:nth-child(1) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .want-area .col-lg-3:nth-child(2) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .want-area .col-lg-3:nth-child(3) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .want-area .want-card-body {
    margin-bottom: 40px;
  }
  .want-area .want-card-body .want-content {
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-content h4 {
    font-size: 25px;
    line-height: 35px;
  }
  .want-area .want-card-body .want-content p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-title {
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .want-area .want-card-body .want-title h3 {
    font-size: 25px;
  }
  .want-area .want-card-body .want-logo {
    margin-bottom: 8px;
    text-align: center;
  }
  .want-area .counts-card {
    top: 0;
  }
  .want-area .counts-card .hero-card {
    border-bottom: 1px solid #ff7b9a;
    border-right: none;
    padding-bottom: 14px;
  }
  .want-area .counts-card .hero-card .time span {
    right: 0;
    left: 100px;
    margin: auto;
  }
  .want-area .counts-card .col-lg-3:nth-child(4) .hero-card {
    border-bottom: none;
    padding-bottom: 0;
  }
  /*
  choose-area-one responsive
  ================================================== */
  .choose-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .choose-area-one .choose-card-one {
    margin-bottom: 20px;
  }
  .choose-area-one .choose-card-one .choose-content-one {
    margin-bottom: 30px;
  }
  .choose-area-one .choose-card-one .choose-content-one h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    line-height: 1;
  }
  .choose-area-one .choose-card-one .choose-content-one p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .choose-area-one .choose-card-one .choose-content-one .choose-one-image {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 20px;
  }
  .choose-area-one .choose-card-one .choose-content-one .choose-one-image .image-one {
    width: 100%;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo-one {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo {
    display: none;
  }
  .choose-area-one .number-title {
    margin-bottom: 20px;
  }
  .choose-area-one .number-title h3 {
    font-size: 22px;
  }
  /*
  header-area-two responsive
  ================================================== */
  .header-area-two {
    margin-top: 50px;
  }
  .header-area-two .logo li {
    margin-left: 0;
  }
  /*
  skill-area responsive
  ================================================== */
  .skill-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .skill-area .skill-content .skill-title h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .skill-area .skill-card-title h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .skill-area .skill-card .best-design-card {
    display: block;
  }
  .skill-area .skill-card .best-design-card .design-header {
    margin-bottom: 20px;
  }
  .skill-area .skill-card .best-design-card .design-header p {
    margin-bottom: 10px;
  }
  .skill-area .skill-card .best-design-card .skill-number span {
    position: relative;
    top: 0;
    left: 0;
  }
  .skill-area .skill-card .best-design-card .award {
    width: 73px;
    height: 73px;
    margin-left: 30px;
  }
  .skill-area .skill-card-one .best-design-card {
    display: block;
  }
  .skill-area .skill-card-one .best-design-card .design-header {
    margin-bottom: 20px;
  }
  .skill-area .skill-card-one .best-design-card .design-header p {
    margin-bottom: 10px;
  }
  .skill-area .skill-card-one .best-design-card .skill-number span {
    position: relative;
    top: 0;
    left: 0;
  }
  .skill-area .skill-card-one .best-design-card .award {
    width: 65px;
    height: 65px;
    position: absolute;
    top: -70px;
    right: 0;
    margin-left: 0;
  }
  .skill-area .skill-card-two .best-design-card {
    display: block;
  }
  .skill-area .skill-card-two .best-design-card .design-header {
    margin-bottom: 20px;
  }
  .skill-area .skill-card-two .best-design-card .design-header p {
    margin-bottom: 10px;
  }
  .skill-area .skill-card-two .best-design-card .skill-number span {
    position: relative;
    top: 0;
    left: 0;
  }
  .skill-area .skill-card-two .best-design-card .skill-number .award {
    width: 73px;
    height: 73px;
    margin-left: 30px;
  }
  /*
  comes-area responsive
  ================================================== */
  .comes-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .comes-area .comes-content {
    width: 100%;
  }
  .comes-area .comes-content h3 {
    font-size: 23px;
  }
  .comes-area .comes-content .comes-card {
    margin-top: 20px;
    display: block;
  }
  .comes-area .comes-content .comes-card .comes-image {
    margin-left: 0;
  }
  .comes-area .comes-content .comes-card .comes-image .comes {
    width: 100%;
  }
  .comes-area .comes-content .comes-card .comes-prg {
    width: 100%;
  }
  .comes-area .comes-content .comes-card .comes-prg p {
    font-size: 15px;
    line-height: 20px;
  }
  .comes-area .comes-content .comes-card .comes-prg .default-btn {
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }
  /*
  team-area responsive
  ================================================== */
  .team-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .team-area .cons-title {
    margin-bottom: 20px;
  }
  .team-area .cons-title h3 {
    color: #1B3942;
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
  }
  .team-area .cons-prg {
    margin-bottom: 20px;
  }
  .team-area .cons-prg p {
    font-size: 16px;
  }
  .team-area .cons-prg::before {
    display: none;
  }
  .team-area .cons-prg::after {
    display: none;
  }
  .team-area .team-card .team-card-body .name {
    width: 100%;
  }
  /*
  testimoni-area responsive
  ================================================== */
  .testimoni-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-area .testimoni-content h3 {
    font-size: 23px;
  }
  .testimoni-area .testimoni-content p {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .testimoni-area .testimoni-card-body .testimoni-card {
    width: 100%;
    margin-left: 0;
  }
  .testimoni-area .testimoni-card-body .testimoni-card p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
  }
  .testimoni-area .testimoni-card-body .testimoni-image {
    right: 0;
  }
  .testimoni-area .testimoni-card-body .testimoni-image .testimoni {
    width: 60px;
    height: 60px;
  }
  .testimoni-area .testimoni-card-body .testimoni-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .testimoni-area .testimoni-card-body .testimoni-quote {
    bottom: -75px;
    right: 0;
  }
  .testimoni-area .testimoni-slider-widget .swiper-wrapper {
    margin-bottom: 80px;
    margin-left: 0;
  }
  /*
  testimoni-card-area responsive
  ================================================== */
  .testimoni-card-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-card-area .card-title h3 {
    font-size: 25px;
  }
  .testimoni-card-area .social-card .social-card-body {
    margin-left: 0;
    width: 100%;
  }
  .testimoni-card-area .social-card .testimoni-icon {
    display: none;
  }
  /*
  logo-area-one responsive
  ================================================== */
  .logo-area-one {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .logo-area-one .logo-header h3 {
    font-size: 25px;
  }
  .logo-area-one .logo-image {
    text-align: center;
  }
  /*
  client-area responsive
  ================================================== */
  .client-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .client-area .client-title h3 {
    font-size: 25px;
  }
  .client-area .client-card .client-card-body h3 {
    font-size: 20px;
  }
  .client-area .client-card-one .client-card-body h3 {
    font-size: 20px;
  }
  /*
  resource-area responsive
  ================================================== */
  .resource-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .resource-area .nav-btn {
    margin-bottom: 50px;
  }
  .resource-area .resource-card {
    width: 100%;
  }
  .resource-area .resource-card .resource-image .resource {
    width: 100%;
  }
  .resource-area .resource-card .resource-image .resource-one {
    width: 100%;
  }
  .resource-area .resource-card .resource-image .resource-two {
    width: 100%;
  }
  /*
  client-number-area responsive
  ================================================== */
  .client-number-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .client-number-area .col-lg-3:nth-child(1) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .client-number-area .col-lg-3:nth-child(2) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .client-number-area .col-lg-3:nth-child(3) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  /*
  solution-area responsive
  ================================================== */
  .solution-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .solution-area .solution-title {
    margin-bottom: 20px;
    margin-left: 0;
  }
  .solution-area .solution-title h3 {
    font-size: 25px;
  }
  .solution-area .solution-card p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
  }
  .solution-area .solution-card .client-image {
    text-align: center;
  }
  .solution-area .solution-card .solution-card-body {
    margin-top: 20px;
    display: block;
    margin-bottom: -25px;
  }
  .solution-area .solution-card .solution-card-body .client-content {
    margin-left: 0;
    margin-top: 18px;
    text-align: center;
  }
  .solution-area .solution-card .solution-card-body .solution-quote {
    display: none;
  }
  .mt-100 {
    margin-top: 0;
  }
  /*
  career-area responsive
  ================================================== */
  .career-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .career-area .career-card h3 {
    font-size: 25px;
  }
  .career-area .career-card .career-image {
    margin-bottom: 20px;
  }
  .career-area .career-card .career-image .couns {
    width: 100%;
    height: auto;
  }
  .career-area .career-content p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  /*
  progress-area responsive
  ================================================== */
  .progress-area {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .progress-area .progress-card {
    margin-bottom: 50px;
  }
  .progress-area .col-lg-3:nth-child(4) .progress-card {
    margin-bottom: 0;
  }
  /*
  pricing-area responsive
  ================================================== */
  .pricing-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pricing-area .pricing-title {
    margin-bottom: 20px;
  }
  .pricing-area .pricing-title h3 {
    font-size: 24px;
    width: 100%;
  }
  .pricing-area .nav-btn {
    margin-bottom: 20px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .common-card {
    padding: 30px 20px 30px 20px;
  }
  .common-area .common-card h3 {
    font-size: 20px;
  }
  .common-area .common-card p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .common-area .common-card .accordion-item .accordion-button {
    font-size: 15px;
  }
  .common-area .common-card .accordion-item .accordion-body p {
    font-size: 14px;
  }
  .common-area .common-image {
    width: 100%;
  }
  .common-area .common-image .human-button-one {
    top: 12%;
    width: 95%;
    transform: translateY(-12%);
  }
  .common-area .col-lg-6:nth-child(1) .common-card-body {
    position: absolute;
    margin-left: 0;
    margin-top: 205px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body {
    position: absolute;
    margin-left: 0;
  }
  .common-area .col-lg-6:nth-child(3) .common-card-body-one {
    position: absolute;
    margin-left: 0;
    margin-bottom: 220px;
  }
  .common-area .col-lg-6:nth-child(4) .common-card-body-one {
    position: absolute;
    margin-left: 0;
  }
  /*
  faq-area responsive
  ================================================== */
  .faq-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .faq-area .faq-title {
    margin-bottom: 20px;
  }
  .faq-area .faq-title h3 {
    font-size: 21px;
  }
  .faq-area .faq-accordian .faq-card {
    padding: 20px 20px 20px;
    margin-left: 0;
    left: 0;
    top: 0;
  }
  .faq-area .faq-accordian .faq-card .accordion-item .accordion-button {
    font-size: 15px;
  }
  .faq-area .faq-accordian .faq-card .accordion-item .accordion-button .accordion-body p {
    font-size: 14px;
  }
  /*
  company-area responsive
  ================================================== */
  .company-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .company-area .company-content {
    margin-bottom: 20px;
  }
  .company-area .company-content .cons-title h3 {
    font-size: 25px;
  }
  .company-area .company-content .cons-prg p {
    font-size: 16px;
  }
  .company-area .company-content .cons-prg::before {
    display: none;
  }
  .company-area .company-prg p {
    font-size: 14px;
    line-height: 20px;
  }
  .company-area .skills {
    margin-top: 20px;
  }
  /*
  history-area responsive
  ================================================== */
  .history-area {
    padding-top: 160px;
    padding-bottom: 160px;
    position: relative;
  }
  .history-area .history-card .years {
    top: -160px;
    right: 160px;
  }
  .history-area .history-card .history-content {
    width: 100%;
  }
  .history-area .history-content {
    width: 100%;
  }
  .history-area .history-content .years-one {
    top: -190px;
    right: 160px;
  }
  .history-area .history-content .years-two {
    position: absolute;
    bottom: -135px;
    right: 0;
    left: 140px;
  }
  .history-area .history-image img {
    width: 100%;
  }
  /*
  cooming-area responsive
  ================================================== */
  .cooming-area {
    padding-top: 50px;
    padding-bottom: 130px;
  }
  .cooming-area .cooming .cooming-title {
    margin-bottom: 30px;
  }
  .cooming-area .cooming .cooming-title h1 {
    font-size: 30px;
  }
  .cooming-area .cooming .cooming-title::before {
    width: 100%;
  }
  .cooming-area .cooming .cooming-title::after {
    width: 100%;
  }
  .cooming-area .cooming .cooming-header {
    margin-bottom: 10px;
  }
  .cooming-area .cooming .cooming-header h3 {
    font-size: 25px;
  }
  .cooming-area .cooming .cooming-header p {
    margin-top: 20px;
  }
  .cooming-area .cooming .timeContainer .wrapper div {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .cooming-area .cooming .timeContainer .wrapper {
    display: block;
  }
  /*
  service-area responsive
  ================================================== */
  .service-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  service-saidebar-area responsive
  ================================================== */
  .service-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .service-saidebar-area .service-left-saide {
    margin-bottom: 20px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body {
    margin-top: 20px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body h3 {
    font-size: 22px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body p {
    font-size: 14px;
    margin-top: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body {
    margin-bottom: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body p {
    font-size: 14px;
    margin-top: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-content li span {
    font-size: 14px;
  }
  .service-saidebar-area .service-left-saide .policy-card {
    margin-bottom: 20px;
  }
  .service-saidebar-area .service-left-saide .policy-card .policy-image {
    margin-bottom: 20px;
  }
  .service-saidebar-area .service-left-saide .policy-card .spending-card-one p {
    font-size: 14px;
  }
  .service-saidebar-area .service-left-saide .policy-card .spending-card p {
    font-size: 14px;
  }
  .service-saidebar-area .service-left-saide .report-card {
    margin-bottom: 20px;
  }
  .service-saidebar-area .service-left-saide .report-card h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content {
    margin-top: 20px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content li span {
    font-size: 18px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content li p {
    font-size: 14px;
  }
  .service-saidebar-area .service-left-saide .data-card .content {
    width: 100%;
  }
  .service-saidebar-area .service-left-saide .data-card .content li {
    font-size: 14px;
    margin-left: 0;
  }
  .service-saidebar-area .service-left-saide .data-card .data-prg p {
    font-size: 13px;
  }
  .service-saidebar-area .service-left-saide .data-card .nav-btn {
    width: 100%;
  }
  .service-saidebar-area .service-right-saide .great-card h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-logo-one {
    top: 89px;
  }
  /*
  human-area responsive
  ================================================== */
  .human-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .human-area .human-header {
    margin-bottom: 0;
  }
  .human-area .human-header h3 {
    font-size: 25px;
  }
  .human-area .human-title p {
    font-size: 14px;
    margin-top: 15px;
  }
  .human-area .humman-prg p {
    font-size: 14px;
    width: 100%;
  }
  .human-area .col-lg-6:nth-child(4) .humman-prg {
    margin-bottom: 20px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .human-card-one {
    background: #1B3942;
    padding: 30px 20px 30px 20px;
  }
  .common-area .human-card-one .human-header h3 {
    font-size: 23px;
  }
  .common-area .human-card-one .human-header p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }
  .common-area .human-card-one .human-title {
    margin-bottom: 20px;
  }
  .common-area .human-card-one .human-title p {
    font-size: 14px;
  }
  .common-area .human-card-one .humman-prg p {
    font-size: 14px;
  }
  .common-area .human-card-one .humman-prg .human-button {
    margin-top: 30px;
  }
  .common-area .human-card-one .humman-prg .human-button .default-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .common-area .human-card-one .humman-prg .human-button-one {
    margin-top: 20px;
    text-align: start;
    margin-right: 0;
  }
  .common-area .human-card-one .humman-prg .human-button-one .default-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .common-area .common-image .human-logo .logo-card {
    width: 95%;
    padding: 15px 5px 15px;
  }
  .common-area .common-image .human-logo .logo-card-one {
    width: 95%;
    padding: 15px 5px 15px;
    margin-left: 0;
  }
  .common-area .common-image .common-card-body-one {
    width: 100%;
  }
  .common-area .col-lg-6:nth-child(4) .logo-card {
    margin-left: 0;
    position: relative;
  }
  .common-area .col-lg-6:nth-child(6) .logo-card {
    margin-left: 0;
    position: relative;
    margin-bottom: 20px;
  }
  .common-area .col-lg-6:nth-child(1) .common-card-body-one {
    position: absolute;
    margin-left: 0;
    margin-bottom: 230px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body-one {
    position: absolute;
    margin-left: 0;
  }
  /*
  common-area responsive
  ================================================== */
  .help-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .help-area .help-title {
    margin-bottom: 0;
  }
  .help-area .help-title h3 {
    font-size: 25px;
  }
  .help-area .help-title p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    width: 100%;
  }
  .help-area .swiper-wrapper {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  /*
  step-area responsive
  ================================================== */
  .step-area {
    padding-bottom: 50px;
  }
  .step-area .step-card {
    border-radius: 90px 0px 0px 0px;
    padding: 20px 30px 20px 30px;
    margin-right: 0;
  }
  .step-area .step-card .step-title h3 {
    font-size: 25px;
  }
  .step-area .step-card .step-title p {
    font-size: 14px;
    margin-top: 15px;
  }
  .step-area .step-card .step-card-body h3 {
    font-size: 22px;
  }
  .step-area .step-card .step-select .step-number::before {
    width: 210px;
  }
  .step-area .billa-card {
    top: 20px;
    margin-left: 0;
  }
  .step-area .billa-card .billa-title h3 {
    font-size: 20px;
  }
  .step-area .billa-card .billa-card-body h3 {
    font-size: 20px;
  }
  .step-area .billa-card .total-card .total {
    text-align: center;
    margin-bottom: 20px;
  }
  .step-area .billa-card .total-card .number {
    margin-bottom: 20px;
  }
  /*
  protfoio-area responsive
  ================================================== */
  .protfoio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .protfoio-area .protfolio-card .studies-card-body .studies-btn .default-btn i {
    left: 125px;
  }
  /*
  market-area responsive
  ================================================== */
  .market-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .market-area .market-card {
    margin-bottom: 20px;
  }
  .market-area .market-card .market-name h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .market-area .market-card .market-card-body {
    margin-bottom: 20px;
  }
  .market-area .market-card .market-card-body p {
    font-size: 14px;
  }
  .market-area .market-card .market-quote p {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
  }
  .market-area .market-card .market-quote .quote-one {
    position: relative;
    text-align: center;
  }
  .market-area .market-card .market-quote .quote-two {
    position: relative;
    text-align: center;
  }
  .market-area .market-card p {
    font-size: 14px;
  }
  .market-area .speak-card .speak-card-body {
    margin-bottom: 20px;
  }
  .market-area .speak-card .speak-card-body h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .market-area .speak-card .speak-card-body p {
    font-size: 14px;
  }
  .market-area .speak-card .speak-content {
    margin-bottom: 20px;
  }
  .market-area .speak-card .speak-content li span {
    font-size: 14px;
  }
  .market-area .speak-card img {
    width: 100%;
  }
  .market-area .need-card .need-header h3 {
    font-size: 25px;
  }
  .market-area .need-card .need-header p {
    font-size: 14px;
  }
  .market-area .need-card .need-item p {
    font-size: 14px;
  }
  .market-area .need-card .tag-card {
    margin-bottom: 20px;
  }
  .market-area .need-card .tag-card li {
    font-size: 14px;
  }
  .market-area .need-card .social-card {
    margin-bottom: 20px;
  }
  .market-area .challeng-card {
    margin-top: 20px;
  }
  .market-area .challeng-card .challeng-content .challeng-card-body p {
    font-size: 14px;
  }
  .market-area .challeng-card .challeng-content .challeng-card-body h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .market-area .challeng-card .speak-content li span {
    font-size: 14px;
    line-height: 20px;
  }
  /*
  seeking-area responsive
  ================================================== */
  .seeking-area .project-card {
    width: 100%;
  }
  .seeking-area .project-card h3 {
    font-size: 25px;
  }
  .seeking-area .project-card p {
    font-size: 15px;
  }
  .seeking-area .project-card .project-button {
    display: block;
  }
  .seeking-area .project-card .project-button .button {
    top: 0;
  }
  .seeking-area .project-card .project-button .button .default-btn {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .seeking-area .project-card .project-button .vedio-button {
    width: 100%;
  }
  .seeking-area .project-card .project-button .vedio-button .vedio-content {
    margin-right: 40px;
  }
  .seeking-area .logo-image {
    text-align: center;
  }
  /*blog-grid-area responsive*/
  .blog-grid-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-grid-area .blog-card .blog-image img {
    width: 100%;
  }
  /*
  blog-saidebar-area responsive
  ================================================== */
  .blog-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-saidebar-area .blog-left-saidebar {
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote-content {
    padding: 30px 20px 30px;
    margin-right: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote-content p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote-content a {
    font-size: 16px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding: 30px 30px 30px;
    position: relative;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .blog-card-header h3 {
    font-size: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .blog-card-body p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio {
    display: block;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio::before {
    left: 104px;
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio .sound-icon::before {
    left: 84px;
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio {
    display: block;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio::before {
    left: 104px;
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio .sound-icon::before {
    left: 84px;
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio {
    width: 190px;
    position: relative;
    left: 52px;
    bottom: -20px;
    padding: 9px 20px 15px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio::before {
    top: 30px;
    width: 73px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio .vedio-icon .youtube {
    top: -25px;
    left: -73px;
    padding: 5px 8px 11px 15px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio .vimeo-icon .vimeo {
    padding: 10px 8px 10px 15px;
    position: absolute;
    bottom: -20px;
    bottom: 0;
    right: -54px;
  }
  .blog-saidebar-area .blog-left-saidebar .quote-name p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-one {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 30px 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content {
    padding: 30px 20px 30px;
    left: 0;
    position: relative;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content a {
    font-size: 16px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 30px 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote {
    margin-bottom: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote .quote-content {
    padding: 30px 20px 30px;
    left: 0;
    position: relative;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote .quote-content p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote .quote-content a {
    font-size: 16px;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote .quote-one {
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-card-body h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-card-body p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .content p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .non-content li span {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one {
    margin-bottom: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one .quote-content {
    padding: 20px 20px 20px 20px;
    right: 0;
    top: 0;
    position: relative;
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one .quote-content p {
    font-size: 16px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one .quote-one {
    padding: 20px 20px 20px;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .tag-card-one .content li {
    margin-left: 0;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .prev-btn {
    margin-bottom: 5px;
  }
  .blog-saidebar-area .blog-left-saidebar .pagination {
    top: -5px;
    right: 0;
    justify-content: center;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .blog-card-body p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .quote {
    text-align: center;
    margin-bottom: 10px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .qoute-content {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .qoute-content p {
    font-size: 16px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .prg {
    margin-top: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .prg p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .green-image .non-content li span {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .green-prg {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .green-prg p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .here-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .here-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .here-card p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card .non-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card .non-content li span {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .social-content {
    display: block;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .social-content .tag-item {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .social-content .tag-item li {
    margin-left: 2px;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 5px 2px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body {
    margin-top: 20px;
    padding: 40px 30px 40px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body .cooper-card-body p {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-pagination .next-btn a {
    position: relative;
    top: -30px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-pagination .prev-btn {
    margin-bottom: 5px;
  }
  .blog-saidebar-area .blog-left-saidebar .post-card {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body {
    display: block;
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .comment-image {
    margin-bottom: 20px;
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .comment-content p {
    font-size: 14px;
    margin-top: 5px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .reple-icon {
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .reple-icon i {
    top: 0;
    right: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one {
    display: block;
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .comment-image {
    margin-bottom: 20px;
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .comment-content p {
    font-size: 14px;
    margin-top: 5px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .reple-icon {
    text-align: center;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .reple-icon i {
    top: 0;
    right: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card p {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card .form-check .form-check-label {
    font-size: 14px;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card .default-btn {
    margin-top: 20px;
    font-size: 15px;
    width: 100%;
  }
  .blog-saidebar-area .blog-right-sidebar .search-from {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .categori-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .categori-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-right-sidebar .recent-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-right-sidebar .recent-card .recent-card-body {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .tag-card {
    padding: 20px 20px 20px;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .tag-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-right-sidebar .tag-card .content li {
    margin-right: 3px;
    padding: 5px 8px 5px;
  }
  .blog-saidebar-area .blog-right-sidebar .tag-card .content li a {
    font-size: 13px;
    line-height: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .social-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-item .great-card {
    padding: 20px 20px 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-item .great-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-item .great-card span {
    font-size: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-image {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card .service-card-body h5 {
    font-size: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card .service-logo {
    top: 19px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card-one .service-card-body h5 {
    font-size: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card-one .service-logo-one {
    top: 91px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card-one .service-icon-one {
    top: 92px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body {
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog-one {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .shop-left-side {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .shop-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .shop-button {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .prev-btn {
    margin-bottom: 5px;
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .next-btn {
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .pagination {
    top: 0;
    justify-content: center;
  }
  .blog-saidebar-area .shop-left-side .customer {
    margin-bottom: 0;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one {
    margin-top: 20px;
    padding: 20px 20px 20px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one p {
    font-size: 14px;
    margin-top: 15px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .tag-content .content {
    margin-left: 45px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .tag-content .content li {
    padding: 2px 5px 2px;
    margin-left: 0;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .social-card {
    margin-top: 20px;
  }
  .blog-saidebar-area .shop-left-side .data-card {
    margin-top: 30px;
  }
  .blog-saidebar-area .shop-left-side .data-card .content {
    width: 100%;
  }
  .blog-saidebar-area .shop-left-side .data-card .content li {
    margin-left: 0;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg p {
    font-size: 14px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body {
    display: block;
    margin-top: 20px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .comment-image {
    margin-bottom: 20px;
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .comment-content p {
    font-size: 14px;
    margin-top: 5px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .reple-icon {
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .reple-icon i {
    top: 0;
    right: 0;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one {
    display: block;
    margin-top: 20px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .comment-image {
    margin-bottom: 20px;
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .comment-content p {
    font-size: 14px;
    margin-top: 5px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .reple-icon {
    text-align: center;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .reple-icon i {
    top: 0;
    right: 0;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card p {
    font-size: 14px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card .form-check .form-check-label {
    font-size: 14px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card .default-btn {
    margin-top: 20px;
    font-size: 15px;
    width: 100%;
  }
  .blog-saidebar-area .shop-left-side .data-card .nav-btn {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-saidebar-area .shop-left-side .shop-header {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .shop-header h3 {
    font-size: 25px;
  }
  /*
  cart-area responsive
  ================================================== */
  .cart-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cart-area .cart-title h6 {
    width: 100%;
  }
  .cart-area .cart-title .icon {
    top: 20px;
    position: relative;
    width: 100%;
    text-align: center;
  }
  .cart-area .cart-button .default-btn {
    display: inline-block;
    width: 100%;
  }
  /*
  account-area responsive
  ================================================== */
  .account-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .account-area .account-card {
    width: 100%;
  }
  .account-area .account-card .login-from .form-control {
    height: 50px;
    margin-bottom: 20px;
  }
  .account-area .account-card .login-from .default-btn {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  /*
  from-area responsive
  ================================================== */
  .from-area {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
  .from-area .contact-image {
    padding: 60px 30px 0px 20px;
    margin-right: 0;
  }
  .from-area .contact-image h3 {
    font-size: 25px;
  }
  .from-area .contact-image p {
    font-size: 14px;
    margin-top: 15px;
  }
  .from-area .appointment-card-one {
    top: 20px;
    margin-left: 0;
  }
  /*
  contact-area responsive
  ================================================== */
  .contact-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-area .contact-content {
    margin-bottom: 20px;
  }
  .contact-area .contact-content h3 {
    font-size: 25px;
  }
  .contact-area .contact-content h4 {
    font-size: 25px;
  }
  .contact-area .contact-content p {
    font-size: 14px;
    margin-top: 15px;
  }
  .contact-area .contact-card .support-card {
    width: 100%;
  }
  .contact-area .contact-card .contact li {
    margin-bottom: 20px;
    font-size: 14px;
  }
  /*
  touch-banner-area responsive
  ================================================== */
  .touch-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  touch-area responsive
  ================================================== */
  .touch-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .touch-area .left-saide {
    padding-left: 0;
  }
  .touch-area .touch-card {
    padding: 30px 20px 30px;
    margin-right: 0;
  }
  .touch-area .touch-card .touch-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .touch-area .touch-card .touch-title h3 {
    font-size: 25px;
  }
  .touch-area .touch-card .touch-title p {
    font-size: 14px;
    margin-top: 15px;
  }
  .touch-area .touch-card .social-icon li {
    margin-left: 8px;
  }
  .touch-area .touch-image {
    top: 20px;
  }
  /*
  error-banner-area responsive
  ================================================== */
  .error-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .error-banner-area .error-banner-content {
    width: 100%;
  }
  .error-banner-area .error-banner-content h3 {
    font-size: 30px;
  }
  /*
  Cart Page Responsive
  Cart Area Responsive
  =========================================== */
  .cart-area {
    padding-top: 50px;
  }
  .cart-area .cart-header {
    margin-bottom: 20px;
    text-align: center;
  }
  .cart-area .shopping-card {
    width: 100%;
  }
  .cart-area .cart-card {
    text-align: center;
  }
  .cart-area .cart-from {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .cart-area .cart-image {
    margin-bottom: 20px;
  }
  .cart-area .cart-button {
    text-align: center;
  }
  /* alert-success */
  .alert-success {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .alert-success .success {
    font-size: 26px;
  }
  .alert-success .info {
    font-size: 14px;
  }
  .alert-success .default-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* top navbar area */
  .top-navbar-area .contact li {
    margin-right: 15px;
  }
  /* number area */
  .number-area .counts-card .hero-card .time span {
    left: 100px;
  }
  /* want area */
  .want-area .counts-card .hero-card .time span {
    left: 100px;
  }
  /* about1 area */
  .about1-area .about1-count .time span {
    left: 100px;
    right: 0;
  }
  /* success area */
  .success-area .success-title::after {
    top: 100px;
    left: 36%;
  }
  /* success area */
  .media-area .media-title ::after {
    top: 70px;
    left: 37%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* top-navbar-area responsive */
  .top-navbar-area {
    border-radius: 0;
  }
  .top-navbar-area .fololow-icon {
    text-align: center;
  }
  .top-navbar-area .contact {
    text-align: center;
  }
  /* navbar */
  .navbar .others-options {
    display: none;
  }
  /*number area responsive*/
  .number-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .number-area .counts-card {
    top: 0;
  }
  .number-area .counts-card .hero-card {
    border-right: none;
    border-bottom: 1px solid #ff7b9a;
  }
  .number-area .counts-card .col-lg-3:nth-child(3) .hero-card {
    border-bottom: none;
  }
  .number-area .counts-card .col-lg-3:nth-child(4) .hero-card {
    border-bottom: none;
  }
  .number-area.one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*about1 area responsive*/
  .about1-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about1-area .about1-title h3 {
    font-size: 28px;
  }
  .about1-area .about1-title p {
    font-size: 18px;
  }
  .about1-area .about1-count {
    text-align: center;
  }
  .about1-area .about-image1 {
    width: 100%;
    margin-top: 50px;
  }
  .about1-area .about-image2 {
    width: 100%;
    margin-top: 30px;
    top: 0;
    left: 0;
  }
  /*hero-area resposive*/
  .hero-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hero-area .hero-content h1 {
    font-size: 40px;
  }
  .hero-area .hero-content .combined {
    font-size: 45px;
  }
  .hero-area .hero-content .hero-button .default-btn {
    font-size: 15px;
    padding: 13px 50px 13px 18px;
    margin-right: 0;
  }
  .hero-area .hero-content .hero-button .default-btn::after {
    width: 46px;
    height: 46px;
  }
  .hero-area .hero-content .hero-button .default-btn::before {
    top: 16px;
  }
  .hero-area .hero-content .hero-button .plan-btn {
    font-size: 15px;
    padding: 13px 50px 13px 18px;
    margin-right: 0;
  }
  .hero-area .hero-content .hero-button .plan-btn::after {
    width: 46px;
    height: 46px;
  }
  .hero-area .hero-content .hero-button .plan-btn::before {
    top: 16px;
  }
  .hero-area .hero-image .vedio-button {
    width: 100%;
    left: 0;
  }
  .hero-area .hero-image .vedio-button i::after {
    display: none;
  }
  /*header-area resposive*/
  .header-area .logo li:first-child {
    margin-left: 25px;
  }
  /*cons-area resposive*/
  .cons-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cons-area .cons-title h3 {
    font-size: 25px;
  }
  .cons-area .cons-prg p {
    font-size: 16px;
  }
  .cons-area .cons-prg::before {
    left: -40px;
  }
  .cons-area .cons-prg::after {
    left: -44px;
  }
  .cons-area .cons-card-item .cons-card .cons-card-body h3 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .cons-area .cons-card-item .cons-card .cons-card-body p {
    font-size: 14px;
  }
  .cons-area .cons-card-item .cons-card-one .cons-card-body h3 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .cons-area .cons-card-item .cons-card-one .cons-card-body p {
    font-size: 14px;
  }
  /*about-area resposive*/
  .about-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-area .cons-title h3 {
    font-size: 26px;
  }
  .about-area .cons-prg p {
    font-size: 16px;
  }
  .about-area .cons-prg::before {
    left: -40px;
  }
  .about-area .cons-prg::after {
    left: -44px;
  }
  /*rangs-area resposive*/
  .rangs-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .rangs-area .rengs-items {
    width: 100%;
  }
  .rangs-area .rengs-items .rangs-title h3 {
    font-size: 25px;
  }
  .rangs-area .rengs-items .rangs-title::after {
    display: none;
  }
  .rangs-area .rengs-items .rangs-prg p {
    font-size: 16px;
  }
  .rangs-area .rengs-items .rangs-prg::before {
    left: -40px;
  }
  .rangs-area .rengs-items .rangs-prg::after {
    left: -44px;
  }
  .rangs-area .rangs-content .rengs-number {
    margin-left: 20px;
    margin-top: 20px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-one {
    text-align: center;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-one {
    right: 330px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two {
    top: 320px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two {
    top: 125px;
  }
  .rangs-area .rangs-content .rengs-card-body {
    margin-bottom: 30px;
  }
  /*discover-area resposive*/
  .discover-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .discover-area::before {
    width: 100%;
    height: 310px;
  }
  .discover-area .discover-card-item {
    margin-left: 0;
  }
  .discover-area .discover-card-item .triangle {
    display: none;
  }
  .discover-area .discover-card-item .triangle-one {
    display: none;
  }
  .discover-area .discover-card-item .discover-card {
    width: 100%;
  }
  .discover-area .discover-content {
    margin-bottom: 30px;
  }
  .discover-area .discover-content h2 {
    font-size: 25px;
  }
  .discover-area .discover-content p {
    font-size: 18px;
  }
  /*protfolio-area resposive*/
  .protfolio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .protfolio-area::before {
    bottom: 90px;
    height: 163px;
  }
  .protfolio-area .cons-title h3 {
    font-size: 25px;
  }
  .protfolio-area .cons-prg p {
    font-size: 16px;
  }
  .protfolio-area .cons-prg::before {
    left: -40px;
  }
  .protfolio-area .cons-prg::after {
    left: -44px;
  }
  .protfolio-area .protfolio-image {
    top: 255px;
  }
  /*seeking-area resposive*/
  .seeking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seeking-area .seeking-content h3 {
    font-size: 25px;
  }
  .seeking-area .seeking-content p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .seeking-area .seeking-prg p {
    font-size: 20px;
    line-height: 30px;
  }
  .seeking-area .seeking-prg::before {
    top: -50px;
    left: -30px;
    height: 230px;
  }
  .seeking-area .seeking-prg .vedio-button {
    width: 100%;
  }
  .seeking-area .seeking-prg .vedio-button .vedio-content {
    margin-right: 80px;
  }
  /*value-area resposive*/
  .value-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .value-area .cons-title h3 {
    font-size: 27px;
  }
  .value-area .cons-prg p {
    font-size: 16px;
  }
  .value-area .cons-prg::before {
    left: -40px;
  }
  .value-area .cons-prg::after {
    left: -44px;
  }
  .value-area .value-content .value-card-one {
    margin-top: 20px;
  }
  .value-area .col-lg-3:nth-child(2) .value-card-one {
    margin-top: 0;
  }
  /*work-area resposive*/
  .work-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .work-area .cons-title h3 {
    font-size: 23px;
  }
  .work-area .cons-prg p {
    font-size: 16px;
  }
  .work-area .cons-prg::before {
    left: -40px;
  }
  .work-area .cons-prg::after {
    left: -44px;
  }
  .work-area .col-lg-4:nth-child(3) .work-card {
    margin-top: 50px;
  }
  .work-area .work-shape {
    display: none;
  }
  /*global-area resposive*/
  .global-area {
    padding-top: 50px;
    padding-bottom: 160px;
  }
  .global-area .growth-title {
    margin-bottom: 50px;
  }
  .global-area .growth-title .cons-title h3 {
    font-size: 23px;
  }
  .global-area .growth-title .cons-prg p {
    font-size: 16px;
  }
  .global-area .growth-title .cons-prg::before {
    left: -40px;
  }
  .global-area .growth-title .cons-prg::after {
    left: -44px;
  }
  .global-area .global-card .triangle-icon {
    display: none;
  }
  .global-area .global-card .growth-card.two {
    margin-top: 20px;
  }
  .global-area .global-card .combined {
    left: 95px;
  }
  /*logo-area resposive*/
  .logo-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .logo-area .logo-image {
    text-align: center;
  }
  /*success-area resposive*/
  .success-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .success-area .cons-title h3 {
    font-size: 23px;
  }
  .success-area .cons-prg p {
    font-size: 16px;
  }
  .success-area .cons-prg::before {
    left: -40px;
  }
  .success-area .cons-prg::after {
    left: -44px;
  }
  .success-area .success-item .success-card {
    margin-bottom: 30px;
  }
  .success-area .success-item .triangle-icon {
    display: none;
  }
  .success-area .success-item .success-image .default-btn {
    right: 0;
  }
  /*blog-area resposive*/
  .blog-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-area .cons-title h3 {
    font-size: 23px;
  }
  .blog-area .cons-prg p {
    font-size: 16px;
  }
  .blog-area .cons-prg::before {
    left: -40px;
  }
  .blog-area .cons-prg::after {
    left: -44px;
  }
  .blog-area .blog-item .blog-card .blog-title h3 {
    font-size: 20px;
  }
  /*appointment-area resposive*/
  .appointment-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .appointment-area .appointment-title h3 {
    font-size: 28px;
  }
  .appointment-area .appointment-card {
    margin-right: 0;
  }
  .appointment-area .appointment-card-one {
    margin-left: 0;
    top: 30px;
  }
  .appointment-area .appointment-card-two {
    margin-left: 0;
    top: 20px;
  }
  .mb-100 {
    margin-bottom: 50px;
  }
  /*media-area resposive*/
  .media-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .media-area .media-inner-item {
    padding-left: 0;
    padding-right: 0;
  }
  .media-area .media-inner-item .cons-title h3 {
    font-size: 25px;
  }
  .media-area .media-inner-item .cons-prg p {
    font-size: 15px;
  }
  /*news-area resposive*/
  .news-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .news-area .news-item .cons-title p {
    font-size: 15px;
  }
  .news-area .news-item .cons-prg h3 {
    font-size: 20px;
  }
  /*footer-area resposive*/
  .footer-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer-area .footer-plus .combined {
    display: none;
  }
  .footer-area .footer-triangle {
    display: none;
  }
  /*header-area-one resposive*/
  .header-area-one .header-content {
    text-align: center;
  }
  /*
  home page 2 responsive
  banner-area responsive
  ================================================== */
  .banner-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .banner-area .banner-content {
    width: 100%;
  }
  .banner-area .banner-content h1 {
    font-size: 45px;
  }
  .banner-area .banner-content h2 {
    font-size: 40px;
  }
  .banner-area::after {
    bottom: 16px;
    left: 100px;
    width: 530px;
  }
  .banner-slider-widget .swiper-pagination.swiper-pagination-fraction {
    bottom: 0;
  }
  .banner-slider-widget .banner-slider-btn {
    bottom: 18px;
  }
  /*
  about-area-two responsive
  ================================================== */
  .about-area-two {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-area-two .about-header-two h3 {
    font-size: 30px;
  }
  .about-area-two .about-item-two {
    margin-bottom: 30px;
  }
  .about-area-two .about-item-two .about-number-two h1 {
    font-size: 100px;
    margin-left: 210px;
  }
  .about-area-two .about-item-two .about-arrow::before {
    top: -30px;
    left: 0;
  }
  .about-area-two .about-item-two .about-image-two .about {
    width: 200px;
    height: 200px;
  }
  .about-area-two .about-image-one {
    left: 0;
  }
  .about-area-two .about-image-one .about-one {
    width: 200px;
    height: 200px;
  }
  .about-area-two .about-plus {
    display: none;
  }
  .about-area-two .about-plus .combined {
    display: none;
  }
  .about-area-two .about-triangle {
    display: none;
  }
  /*
  core-area responsive
  ================================================== */
  .core-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .core-area .core-card {
    margin-bottom: 20px;
  }
  .core-area .core-card::before {
    width: 306px;
  }
  .core-area .core-main-card::before {
    width: 306px;
  }
  .core-area .col-lg-4:nth-child(3) .core-card {
    margin-bottom: 0;
  }
  /*
  choose-area responsive
  ================================================== */
  .choose-area {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .choose-area .choose-card {
    margin-bottom: 20px;
  }
  .choose-area .choose-card-two {
    margin-bottom: 20px;
  }
  .choose-area .choose-card-body-one {
    position: relative;
    right: 0;
    bottom: 0;
  }
  .choose-area .choose-card-body-one .choose-card-six {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .choose-area .choose-card-body-two {
    position: relative;
    left: 0;
  }
  .choose-area .choose-card-body {
    position: relative;
    bottom: 0;
    right: 0;
  }
  .choose-area .choose-plus {
    display: none;
  }
  .choose-area .choose-triangle {
    display: none;
  }
  /*
  plus-area responsive
  ================================================== */
  .plus-area .plus-content li {
    margin-left: 13px;
    margin-bottom: 10px;
  }
  .plus-area .plus-content li:last-child {
    margin-bottom: 0;
  }
  .plus-area .plus-content li:first-child {
    margin-left: 18px;
  }
  .plus-area .plus-content li .combined {
    display: none;
  }
  /*
  process-area responsive
  ================================================== */
  .process-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .process-area .process-title h3 {
    font-size: 28px;
  }
  .process-area .process-card-body .process-card {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-two {
    width: 100%;
  }
  .process-area .process-card-body .process-card-one {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-three {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-image .process {
    position: relative;
    top: 30px;
    left: 145px;
    right: 0;
  }
  /*
  industries-area responsive
  ================================================== */
  .industries-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .industries-area .industries-card .combined {
    top: -80px;
  }
  /*
  have-area responsive
  ================================================== */
  .have-area {
    padding-bottom: 50px;
  }
  .have-area .have-card {
    padding: 50px 50px;
  }
  .have-area .have-card .have-card-body h3 {
    font-size: 30px;
  }
  .have-area .logo-card-body {
    padding: 50px 50px;
  }
  .have-area .logo-card-body .logo-image {
    text-align: center;
  }
  /*
  explore-area responsive
  ================================================== */
  .explore-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .explore-area .explore-title h3 {
    font-size: 25px;
  }
  .explore-area .explore-number {
    margin-left: 0;
  }
  .explore-area .explore-number .combined {
    display: none;
  }
  .explore-area .explore-number .triangle {
    display: none;
  }
  .explore-area .explore-number::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .explore-area .explore-card::before {
    top: 0;
    width: 100%;
  }
  .explore-area .web-card {
    top: 50px;
  }
  .explore1-area {
    padding-top: 50px;
    padding-bottom: 345px;
  }
  .explore1-area .hover-area {
    display: block;
    left: 0;
    top: 0;
  }
  .explore1-area .hover-area .web-card {
    top: 300px;
    left: 0;
    width: 100%;
  }
  .explore1-area .hover-area .web-card.one {
    top: 370px;
  }
  .explore1-area .hover-area .web-card.two {
    top: 230px;
  }
  .explore1-area .hover-area .web-card.three {
    top: 160px;
  }
  .explore1-area .hover-area .web-card.four {
    top: 90px;
  }
  .explore1-area .hover-area .web-card p {
    font-size: 13px;
  }
  .explore1-area .hover-area .web-card .web-contant li span {
    font-size: 12px;
  }
  .explore1-area .hover-area .web-card h3 {
    font-size: 25px;
  }
  .explore1-area .hover-area .hover-title h4 {
    font-size: 20px;
    width: 100%;
    margin-left: 35px;
    padding: 13px 30px 13px 10px;
    border-radius: 0px;
  }
  .explore1-area .hover-area .hover-title i {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon1 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon2 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon3 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon4 {
    display: none;
  }
  .explore1-area .hover-area .hover-title span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  .explore1-area .explore-title h3 {
    font-size: 25px;
  }
  .explore1-area .combined {
    display: none;
  }
  .explore1-area .triangle {
    display: none;
  }
  .explore1-area::before {
    display: none;
  }
  .explore1-area::after {
    display: none;
  }
  /*
  growth-area responsive
  ================================================== */
  .growth-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .growth-area .growth-title {
    margin-bottom: 30px;
  }
  .growth-area .growth-image {
    width: 100%;
  }
  .growth-area .col-lg-4:nth-child(2) .growth-image {
    margin-left: 0;
  }
  .growth-area .col-lg-4:nth-child(3) .growth-image {
    margin-left: 0;
  }
  /*
  studies-area responsive
  ================================================== */
  .studies-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .studies-area .studies-title {
    margin-bottom: 30px;
  }
  .studies-area .studies-plus .nav-btn {
    width: 100%;
    margin-bottom: 30px;
  }
  .studies-area .studies-plus .nav-btn .nav-item .nav-link {
    margin-left: 2px;
  }
  .studies-area .studies-plus .combined {
    display: none;
  }
  .studies-area .studies-plus .triangle {
    display: none;
  }
  /*
  blog-post-area responsive
  ================================================== */
  .blog-post-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-post-area .blog-post-title h3 {
    font-size: 28px;
    width: 100%;
  }
  /*
  looking-area responsive
  ================================================== */
  .looking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .looking-area::before {
    width: 100%;
    height: 58%;
  }
  .looking-area::after {
    top: 355px;
    width: 100%;
    height: 40%;
  }
  .looking-area .looking-card-body {
    top: 0;
    left: 0;
    margin-top: 20px;
  }
  /*
  news-area responsive
  ================================================== */
  .news-area .combined {
    display: none;
  }
  .news-area .triangle {
    display: none;
  }
  .news-area .news-item .cons-prg-one h3 {
    font-size: 25px;
  }
  /*
  about page responsive
  banner-area-one responsive
  ================================================== */
  .banner-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner-area-one .banner-title h1 {
    font-size: 30px;
  }
  .banner-area-one .banner-title span {
    font-size: 18px;
  }
  /*
  want-area responsive
  ================================================== */
  .want-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .want-area .col-lg-3:nth-child(1) .want-counter {
    border-bottom: 0;
    border-right: 0;
  }
  .want-area .col-lg-3:nth-child(2) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .want-area .col-lg-3:nth-child(3) .want-counter {
    border-bottom: 1px solid #D6D6D6;
    border-right: 0;
  }
  .want-area .want-card-body {
    margin-bottom: 40px;
  }
  .want-area .want-card-body .want-content {
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-content h4 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 7px;
  }
  .want-area .want-card-body .want-content p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-title h3 {
    font-size: 26px;
  }
  .want-area .counts-card {
    top: 0;
  }
  .want-area .counts-card .hero-card {
    border-right: none;
    border-bottom: 1px solid #ff7b9a;
  }
  .want-area .counts-card .col-lg-3:nth-child(3) .hero-card {
    border-bottom: none;
  }
  .want-area .counts-card .col-lg-3:nth-child(4) .hero-card {
    border-bottom: none;
  }
  /*
  choose-area-one responsive
  ================================================== */
  .choose-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .choose-area-one .choose-card-one {
    margin-bottom: 40px;
  }
  .choose-area-one .choose-card-one .choose-content-one h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .choose-area-one .choose-card-one .choose-content-one p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .choose-area-one .choose-card-one .choose-content-one .choose-one-image {
    position: relative;
    bottom: 0;
    left: 195px;
    text-align: center;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo-one {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo {
    display: none;
  }
  /*
  cheader-area-two responsive
  ================================================== */
  .header-area-two {
    margin-top: 50px;
  }
  .header-area-two .logo li:first-child {
    margin-left: 25px;
  }
  /*
  skill-area responsive
  ================================================== */
  .skill-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .skill-area .skill-content .skill-title h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .skill-area .skill-card-title h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .skill-area .skill-card .best-design-card .skill-number span {
    top: 82px;
    left: -115px;
  }
  .skill-area .skill-card-one .best-design-card .skill-number span {
    top: 82px;
    left: -115px;
  }
  .skill-area .skill-card-two .best-design-card .skill-number span {
    top: 82px;
    left: -115px;
  }
  /*
  comes-area responsive
  ================================================== */
  .comes-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .comes-area .comes-content {
    width: 100%;
  }
  .comes-area .comes-content h3 {
    font-size: 30px;
  }
  .comes-area .comes-content .comes-card {
    margin-top: 30px;
  }
  .comes-area .comes-content .comes-card .comes-prg p {
    font-size: 17px;
    line-height: 25px;
  }
  /*
  media-area responsive
  ================================================== */
  .media-area .media-title {
    margin-bottom: 20px;
  }
  .media-area .media-title h3 {
    font-size: 30px;
  }
  /*
  team-area responsive
  ================================================== */
  .team-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .team-area .cons-title {
    margin-bottom: 20px;
  }
  .team-area .cons-title h3 {
    font-size: 25px;
  }
  .team-area .cons-prg {
    margin-bottom: 20px;
  }
  .team-area .cons-prg p {
    font-size: 16px;
    line-height: 22px;
  }
  .team-area .team-card .team-card-body .name {
    width: 100%;
  }
  /*
  testimoni-area responsive
  ================================================== */
  .testimoni-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-area .testimoni-content h3 {
    font-size: 25px;
  }
  .testimoni-area .testimoni-card-body .testimoni-card {
    width: 100%;
    margin-left: 0;
  }
  .testimoni-area .testimoni-card-body .testimoni-card p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
  }
  .testimoni-area .testimoni-card-body .testimoni-image {
    right: 0;
  }
  .testimoni-area .testimoni-card-body .testimoni-quote {
    bottom: -72px;
    right: 0;
  }
  .testimoni-area .testimoni-slider-widget .swiper-wrapper {
    margin-bottom: 80px;
    margin-left: 0;
  }
  .testimoni-card-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-card-area .card-title h3 {
    font-size: 26px;
  }
  /*
  logo-area-one responsive
  ================================================== */
  .logo-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
  }
  .logo-area-one .logo-header h3 {
    font-size: 30px;
  }
  .logo-area-one .logo-image {
    text-align: center;
  }
  /*
  client-area responsive
  ================================================== */
  .client-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .client-area .client-title h3 {
    font-size: 30px;
  }
  /*
  client-number-area responsive
  ================================================== */
  .client-number-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .client-number-area .col-lg-3:nth-child(1) .want-counter {
    border-bottom: 0;
    border-right: 0;
  }
  .client-number-area .col-lg-3:nth-child(2) .want-counter {
    border-bottom: 0;
    border-right: 1px solid #D6D6D6;
  }
  .client-number-area .col-lg-3:nth-child(3) .want-counter {
    border-bottom: 1px solid #D6D6D6;
    border-right: 0;
  }
  /*
  solution-area responsive
  ================================================== */
  .solution-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .solution-area .solution-title {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .solution-area .solution-card p {
    font-size: 15px;
  }
  .solution-area .solution-card .solution-card-body .client-image .client {
    width: 100px;
    height: 90px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote {
    display: none;
  }
  .mt-100 {
    margin-top: 50px;
  }
  /*
  career-area responsive
  ================================================== */
  .career-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .career-area .career-card .career-image {
    margin-bottom: 30px;
  }
  .career-area .career-card .career-image .couns {
    width: 100%;
    height: auto;
  }
  /*
  progress-area responsive
  ================================================== */
  .progress-area {
    padding-bottom: 50px;
  }
  .progress-area .progress-card {
    margin-bottom: 30px;
  }
  .progress-area .progress-card .progress-icon::before {
    left: 95px;
  }
  .progress-area .progress-card .progress-icon::after {
    left: 95px;
  }
  .progress-area .col-lg-3:nth-child(3) .progress-card {
    margin-bottom: 0;
  }
  .progress-area .col-lg-3:nth-child(4) .progress-card {
    margin-bottom: 0;
  }
  /*
  pricing-area responsive
  ================================================== */
  .pricing-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pricing-area .col-lg-4:nth-child(3) .pricing-card {
    position: relative;
    margin-top: 20px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .common-card {
    background: #1B3942;
    padding: 50px 20px 50px 20px;
  }
  .common-area .common-image {
    width: 100%;
  }
  .common-area .col-lg-6:nth-child(4) .common-card-body-one {
    position: absolute;
    margin-left: -30px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body {
    position: absolute;
    margin-left: -30px;
  }
  .common-area .col-lg-6:nth-child(1) .common-card-body {
    position: absolute;
    margin-left: 30px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body-one {
    position: absolute;
    margin-left: 30px;
  }
  /*
  faq-area responsive
  ================================================== */
  .faq-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .faq-area .faq-accordian .faq-card {
    margin-left: 0;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
  /*
  company-area responsive
  ================================================== */
  .company-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .company-area .company-content {
    margin-bottom: 30px;
  }
  .company-area .company-content .cons-title h3 {
    font-size: 23px;
  }
  .company-area .company-content .cons-prg p {
    font-size: 16px;
  }
  .company-area .company-content .cons-prg::before {
    left: -40px;
  }
  .company-area .company-content .cons-prg::after {
    left: -44px;
  }
  .company-area .company-prg p {
    font-size: 15px;
  }
  .company-area .skills {
    margin-top: 20px;
  }
  /*
  history-area responsive
  ================================================== */
  .history-area .history-card .years {
    top: -130px;
    right: 310px;
  }
  .history-area .history-content .years-one {
    top: -200px;
    right: 225px;
  }
  .history-area .history-content .years-two {
    bottom: -130px;
    left: 285px;
  }
  /*
  cooming-area responsive
  ================================================== */
  .cooming-area .cooming .coomng-card .cooming-counter::after {
    left: 105px;
  }
  .cooming-area .cooming .coomng-card .cooming-counter::before {
    left: 105px;
  }
  /*
  service-area responsive
  ================================================== */
  .service-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  service-saidebar-area responsive
  ================================================== */
  .service-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .service-saidebar-area .service-left-saide {
    margin-bottom: 30px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body {
    margin-top: 30px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-left-saide .development-card .development-card-body p {
    font-size: 15px;
    margin-top: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body {
    margin-bottom: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-card-body p {
    font-size: 15px;
    margin-top: 15px;
  }
  .service-saidebar-area .service-left-saide .non-card .non-content li span {
    font-size: 15px;
  }
  .service-saidebar-area .service-left-saide .policy-card {
    margin-bottom: 30px;
  }
  .service-saidebar-area .service-left-saide .policy-card .policy-image {
    margin-bottom: 30px;
  }
  .service-saidebar-area .service-left-saide .policy-card .spending-card-one p {
    font-size: 15px;
  }
  .service-saidebar-area .service-left-saide .policy-card .spending-card p {
    font-size: 15px;
  }
  .service-saidebar-area .service-left-saide .report-card {
    margin-bottom: 20px;
  }
  .service-saidebar-area .service-left-saide .report-card h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content {
    margin-top: 20px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content li span {
    font-size: 18px;
  }
  .service-saidebar-area .service-left-saide .report-card .report-content li p {
    font-size: 15px;
  }
  .service-saidebar-area .service-left-saide .data-card .content {
    width: 100%;
  }
  .service-saidebar-area .service-left-saide .data-card .content li {
    font-size: 15px;
    margin-left: 0;
  }
  .service-saidebar-area .service-left-saide .data-card .data-prg p {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .great-card h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-logo-one {
    top: 89px;
  }
  /*
  human-area responsive
  ================================================== */
  .human-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .human-card-one {
    background: #1B3942;
    padding: 50px 20px 50px 20px;
  }
  .common-area .human-card-one .humman-prg .human-button-one {
    margin-right: 0;
  }
  .common-area .common-image .human-logo .logo-card-one {
    margin-left: -50px;
  }
  .common-area .col-lg-6:nth-child(4) .logo-card {
    margin-left: -50px;
  }
  .common-area .col-lg-6:nth-child(6) .logo-card {
    margin-left: -50px;
  }
  /*
  help-area responsive
  ================================================== */
  .help-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .help-area .help-title {
    margin-bottom: 0;
  }
  .help-area .swiper-wrapper {
    margin-top: 30px;
  }
  /*
  step-area responsive
  ================================================== */
  .step-area {
    padding-bottom: 50px;
  }
  .step-area .step-card {
    padding: 30px 30px 30px 30px;
    margin-right: 0;
  }
  .step-area .billa-card {
    padding: 45px 40px 45px;
    top: 30px;
    margin-left: 0;
  }
  .step-area .billa-card .total-card .number {
    margin-bottom: 20px;
    text-align: center;
  }
  .step-area .billa-card .total-card .total {
    text-align: center;
    margin-bottom: 20px;
  }
  .step-area .billa-card .total-card .next {
    text-align: center;
  }
  /*
  protfoio-area responsive
  ================================================== */
  .protfoio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .protfoio-area .protfolio-card .studies-card-body .studies-btn .default-btn i {
    left: 125px;
  }
  /*
  market-area responsive
  ================================================== */
  .market-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .market-area .market-card .market-name h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .market-area .need-card {
    margin-bottom: 30px;
  }
  .market-area .challeng-card .challeng-content .challeng-card-body h3 {
    font-size: 25px;
  }
  .market-area .challeng-card .challeng-content .challeng-card-body p {
    font-size: 14px;
    line-height: 20px;
  }
  /*
  seeking-area responsive
  ================================================== */
  .seeking-area .project-card {
    width: 100%;
  }
  .seeking-area .project-card h3 {
    font-size: 30px;
  }
  .seeking-area .logo-image {
    text-align: center;
  }
  /*
  blog-saidebar-area responsive
  ================================================== */
  .blog-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-saidebar-area .blog-left-saidebar {
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .no-quote .quote-content p {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .blog-card-header h3 {
    font-size: 25px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio::before {
    top: 36px;
    left: 108px;
    width: 410px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio::before {
    top: 36px;
    left: 108px;
    width: 410px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio {
    width: 536px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio .vedio-icon .youtube {
    top: -33px;
    left: -100px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio::before {
    width: 410px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-one {
    padding: 40px 40px 40px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content {
    padding: 20px 20px 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content p {
    font-size: 17px;
    margin-bottom: 9px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote {
    padding: 40px 40px 40px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote-content {
    padding: 30px 30px 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote-content p {
    font-size: 20px;
    margin-bottom: 0;
  }
  .blog-saidebar-area .blog-left-saidebar .link-quote .quote {
    padding: 26px 40px 26px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-card-body h3 {
    font-size: 28px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .non-content {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one .quote-content {
    padding: 31px 70px 31px 70px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one .quote-content p {
    font-size: 17px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .qoute-content p {
    font-size: 18px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card span {
    top: -10px;
  }
  .blog-saidebar-area .blog-left-saidebar .green-prg {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .here-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .coaching-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .social-content {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body {
    padding: 49px 30px 49px;
  }
  .blog-saidebar-area .blog-left-saidebar .post-card {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .comment-image .comment {
    border-radius: 20px 0px 0px 0px;
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .comment-image .comment {
    width: 135px;
  }
  .blog-saidebar-area .blog-left-saidebar .leave-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .col-lg-4:nth-child(3) .post-image {
    position: relative;
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog-one {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card {
    margin-bottom: 0;
  }
  .blog-saidebar-area .shop-left-side {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .shop-left-side .shop-title {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .blog-saidebar-area .shop-left-side .customer {
    margin-bottom: 0;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one {
    border-radius: 0px 40px 0px 0px;
    background: #F7F7F7;
    padding: 20px 20px 20px;
  }
  .blog-saidebar-area .shop-left-side .customer .social-card {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .blog-saidebar-area .shop-left-side .data-card {
    margin-top: 50px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card {
    margin-bottom: 30px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .comment-image .comment {
    border-radius: 20px 0px 0px 0px;
    width: 135px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .comment-image .comment {
    width: 135px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .leave-card {
    margin-bottom: 30px;
  }
  /*
  cart-area responsive
  ================================================== */
  .cart-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cart-area .cart-title h6 {
    width: 100%;
  }
  /*
  account-area responsive
  ================================================== */
  .account-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  from-area responsive
  ================================================== */
  .from-area {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .from-area .contact-image {
    padding: 50px 50px 0px 20px;
    margin-right: 0;
  }
  .from-area .contact-image h3 {
    font-size: 30px;
  }
  .from-area .appointment-card-one {
    top: 30px;
    margin-left: 0;
  }
  /*
  contact-area responsive
  ================================================== */
  .contact-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-area .contact-content {
    margin-bottom: 30px;
  }
  /*
  touch-banner-area  responsive
  ================================================== */
  .touch-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  touch-area responsive
  ================================================== */
  .touch-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .touch-area .left-saide {
    padding-left: 0;
  }
  .touch-area .touch-card {
    margin-right: 0;
  }
  .touch-area .touch-image {
    top: 50px;
  }
  /*
  Cart Area Responsive
  =========================================== */
  .cart-area {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .cart-area .cart-item .cart-header h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-navbar-area .contact li {
    margin-right: 10px;
    font-size: 12px;
  }
  .top-navbar-area .contact li i {
    font-size: 12px;
  }
  .top-navbar-area .contact li::before {
    width: 0;
  }
  .navbar .navbar-brand {
    margin-right: 0;
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 0;
  }
  .hero-area .hero-content h1 {
    font-size: 50px;
  }
  .hero-area .hero-content .combined {
    font-size: 55px;
  }
  .hero-area .hero-image .vedio-button {
    left: -130px;
    width: 100%;
  }
  .hero-area .hero-image .vedio-button i::after {
    left: 300px;
  }
  /*number-area responsive*/
  .number-area .counts-card {
    padding: 40px 40px;
  }
  .number-area .counts-card .hero-card .time h3 {
    font-size: 35px;
  }
  .number-area .counts-card .hero-card .time span {
    font-size: 38px;
    top: -10px;
    right: 20px;
  }
  .number-area .counts-card .hero-card h5 {
    font-size: 18px;
  }
  .header-area .logo li {
    margin-left: 15px;
  }
  .cons-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cons-area .cons-title h3 {
    font-size: 25px;
  }
  .cons-area .cons-prg p {
    font-size: 18px;
  }
  .about1-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about1-area .about1-title h3 {
    font-size: 25px;
  }
  .about1-area .about1-title p {
    font-size: 16px;
    line-height: 23px;
  }
  .about1-area .about1-count .time span {
    font-size: 38px;
    top: -8px;
    left: 60px;
  }
  .about1-area .about1-count .time h3 {
    font-size: 35px;
  }
  .about1-area .about-image1 {
    width: 310px;
  }
  .about1-area .about-image2 {
    top: 100px;
    width: 290px;
  }
  .rangs-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .rangs-area .cons-title h3 {
    font-size: 26px;
  }
  .rangs-area .cons-prg p {
    font-size: 18px;
  }
  .rangs-area .rangs-content {
    margin-top: 20px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-one {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-one img.logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two img.logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card-body li span {
    font-size: 14px;
  }
  .rangs-area .rangs-content .rengs-number .triangle {
    display: none;
  }
  .rangs-area .rangs-content .rengs-number .combined {
    display: none;
  }
  .discover-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .discover-area::before {
    width: 460px;
  }
  .discover-area .discover-content {
    margin-left: 0;
  }
  .discover-area .discover-content h2 {
    font-size: 25px;
  }
  .discover-area .discover-content p {
    font-size: 16px;
  }
  .discover-area .discover-card-item .discover-card {
    padding: 30px 20px;
    width: 100%;
  }
  .discover-area .discover-card-item .discover-card p {
    font-size: 13px;
    line-height: 20px;
  }
  .discover-area .discover-card-item .discover-card h3 {
    font-size: 22px;
  }
  .discover-area .discover-card-item .discover-card .combined {
    top: 0;
  }
  .discover-area .discover-card-item .triangle {
    display: none;
  }
  .discover-area .discover-card-item .triangle-one {
    display: none;
  }
  .protfolio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .protfolio-area::before {
    bottom: 116px;
    height: 208px;
  }
  .protfolio-area .cons-title h3 {
    font-size: 25px;
  }
  .protfolio-area .cons-prg p {
    font-size: 18px;
  }
  .protfolio-area .protfolio-image {
    top: 245px;
  }
  .seeking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seeking-area .seeking-content h3 {
    font-size: 28px;
  }
  .seeking-area .seeking-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .seeking-area .seeking-prg p {
    font-size: 20px;
    line-height: 30px;
  }
  .seeking-area .seeking-prg::before {
    top: -40px;
    left: -26px;
    height: 190px;
  }
  .value-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .value-area .cons-title h3 {
    font-size: 25px;
    margin-top: 10px;
  }
  .value-area .cons-prg p {
    font-size: 18px;
  }
  .value-area .value-content .value-card-one .value-card-body p {
    font-size: 14px;
  }
  .value-area .value-content .value-card .value-card-body p {
    font-size: 14px;
  }
  .work-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .work-area .cons-prg p {
    font-size: 18px;
  }
  .work-area .cons-title h3 {
    font-size: 25px;
  }
  .work-area .work-shape {
    bottom: 360px;
  }
  .global-area {
    padding-top: 50px;
  }
  .global-area .growth-title .cons-prg p {
    font-size: 18px;
  }
  .global-area .growth-title .cons-title h3 {
    font-size: 26px;
  }
  .global-area .growth-image h3 {
    font-size: 30px;
    top: 40px;
  }
  .global-area .global-card .growth-card {
    padding: 20px 8px 20px;
  }
  .global-area .global-card .growth-card .growth-card-body .growth-icon .skill-card h4 {
    font-size: 15px;
  }
  .global-area .global-card .growth-card .growth-card-body .growth-icon .skill-card h6 {
    font-size: 14px;
  }
  .global-area .global-card .growth-card .growth-card-body .icon1 i {
    right: 15px;
    top: 38px;
    font-size: 30px;
  }
  .global-area .global-card .growth-card.one {
    top: 30px;
  }
  .global-area .global-card .growth-card.one .growth-card-body .icon1 i {
    right: 15px;
    top: 38px;
    font-size: 30px;
  }
  .global-area .global-card .growth-card.one::before {
    height: 90px;
  }
  .global-area .global-card .growth-card.three {
    position: relative;
    top: 30px;
  }
  .global-area .global-card .growth-card.four {
    position: relative;
    top: 0;
  }
  .global-area .global-card .growth-card::before {
    height: 138px;
  }
  .global-area .global-card .growth-card::before {
    height: 90px;
  }
  .global-area .global-card .combined {
    top: 55%;
    left: -30px;
  }
  .logo-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .logo-area .logo-image {
    text-align: center;
  }
  .success-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .success-area .cons-prg p {
    font-size: 18px;
  }
  .success-area .cons-title h3 {
    font-size: 25px;
  }
  .success-area .success-item .success-card li h3 {
    font-size: 16px;
  }
  .success-area .success-item .success-image .default-btn {
    right: -80px;
  }
  .success-area .success-item .triangle-icon {
    bottom: -30px;
    left: 260px;
  }
  .blog-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-area .cons-prg p {
    font-size: 18px;
  }
  .blog-area .cons-title h3 {
    font-size: 25px;
  }
  .blog-area .blog-item .blog-card .blog-title h3 {
    font-size: 18px;
  }
  .appointment-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .appointment-area .appointment-title h3 {
    font-size: 30px;
  }
  .appointment-area .appointment-card-one {
    padding: 65px 30px;
    top: 35px;
  }
  .media-area {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .media-area .media-inner-item {
    padding-left: 0;
    padding-right: 0;
  }
  .media-area .media-inner-item .cons-title h3 {
    font-size: 28px;
  }
  .media-area .media-inner-item .cons-prg p {
    font-size: 18px;
  }
  .media-area .media-title::after {
    left: 43%;
  }
  .news-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .news-area .combined {
    display: none;
  }
  .news-area .triangle {
    display: none;
  }
  .footer-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer-area .footer-plus {
    display: none;
  }
  .footer-area .footer-triangle {
    display: none;
  }
  /*
  home page 2 responsive
  banner-area responsive
  ================================================== */
  .banner-area::after {
    width: 755px;
  }
  /*
  about-area-two responsive
  ================================================== */
  .about-area-two {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-area-two .about-image-one {
    top: 125px;
    z-index: -1;
    left: 0;
  }
  .about-area-two .about-image-one .about-one {
    width: 200px;
    height: 200px;
  }
  .about-area-two .about-item-two .about-title-two {
    padding: 30px 30px 50px 70px;
    width: 220px;
    top: 55px;
    right: 20px;
  }
  .about-area-two .about-item-two .about-title-two h3 {
    font-size: 18px;
  }
  .about-area-two .about-item-two .about-number-two h1 {
    font-size: 80px;
  }
  .about-area-two .about-item-two .about-arrow {
    margin-top: 80px;
  }
  .about-area-two .about-item-two .about-arrow::before {
    top: -65px;
  }
  .about-area-two .about-item-two .about-image-two {
    top: 185px;
    right: 0;
  }
  .about-area-two .about-item-two .about-image-two .about {
    width: 170px;
    height: 170px;
  }
  .about-area-two .about-plus .combined {
    font-size: 200px;
  }
  .about-area-two .about-triangle {
    top: 50px;
    right: 150px;
  }
  /*
  core-area responsive
  ================================================== */
  .core-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .core-area .core-main-card::before {
    width: 272px;
  }
  .core-area .core-card::before {
    width: 272px;
  }
  /*
  choose-area responsive
  ================================================== */
  .choose-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .choose-area .choose-card-body-two {
    left: 0;
  }
  .choose-area .choose-card-body-two .choose-card-three {
    width: 304px;
  }
  .choose-area .choose-card-body {
    right: 332px;
  }
  .choose-area .choose-card-body .choose-card-five {
    width: 304px;
  }
  .choose-area .choose-card-body-one {
    right: 28px;
  }
  .choose-area .choose-card-body-one .choose-card-six {
    width: 304px;
  }
  .choose-area .choose-plus .combined {
    display: none;
  }
  .choose-area .choose-triangle {
    display: none;
  }
  /*
  choose-area responsive
  ================================================== */
  .plus-area .plus-content li {
    margin-left: 50px;
    margin-bottom: 15px;
  }
  .plus-area .plus-content li:first-child {
    margin-left: 50px;
  }
  /*
  choose-area responsive
  ================================================== */
  .process-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .process-area .process-title h3 {
    font-size: 28px;
  }
  .process-area .process-card-body .process-image {
    text-align: center;
    margin-top: 20px;
  }
  .process-area .process-card-body .process-image .process {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
  .process-area .process-card-body .process-card {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-two {
    width: 100%;
  }
  .process-area .process-card-body .process-card-one {
    width: 100%;
    left: 0;
  }
  .process-area .process-card-body .process-card-three {
    width: 100%;
    left: 0;
  }
  /*
  industries-area responsive
  ================================================== */
  .industries-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .industries-area .industries-card .combined {
    top: -90px;
  }
  /*
  have-area responsive
  ================================================== */
  .have-area {
    padding-bottom: 50px;
  }
  .have-area .million-card .million-card-body .million-header::before {
    top: 0;
    right: 20px;
    height: 120px;
  }
  .have-area .million-card .million-card-body .million-logo .company {
    width: 90px;
    height: 90px;
  }
  .have-area .have-card {
    padding: 50px 50px;
  }
  .have-area .have-card .have-card-body h3 {
    font-size: 30px;
  }
  .have-area .have-card .have-card-body p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .have-area .have-card .have-video-card .have-prg p {
    font-size: 22px;
    line-height: 30px;
  }
  .have-area .logo-card-body {
    padding: 50px 50px;
  }
  .have-area .logo-card-body .logo-image {
    text-align: center;
  }
  /*
  explore-area responsive
  ================================================== */
  .explore-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .explore-area .explore-number {
    margin-left: 0;
  }
  .explore-area .explore-number::before {
    display: none;
  }
  .explore-area .explore-number .nav-link strong {
    font-size: 25px;
    width: 100%;
  }
  .explore-area .explore-number .nav-link i {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon1 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon2 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon3 {
    display: none;
  }
  .explore-area .explore-number .nav-link .icon4 {
    display: none;
  }
  .explore-area .explore-number .nav-link span {
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
  }
  .explore-area .explore-card::before {
    width: 100%;
  }
  .explore-area .web-card {
    padding: 30px 30px;
    top: 45px;
    margin: 0;
  }
  .explore-area .web-card p {
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .explore-area .web-card h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px;
  }
  .explore-area .web-card .web-contant li span {
    font-size: 15px;
  }
  .explore1-area::after {
    left: 25px;
    width: 380px;
  }
  .explore1-area .hover-area .hover-title h4 {
    font-size: 20px;
    width: 230px;
  }
  .explore1-area .hover-area .hover-title span {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }
  .explore1-area .hover-area .hover-title i {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon1 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon2 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon3 {
    display: none;
  }
  .explore1-area .hover-area .hover-title .icon4 {
    display: none;
  }
  .explore1-area .hover-area .web-card {
    width: 500px;
    top: -14px;
  }
  .explore1-area .hover-area .web-card.two {
    top: -88px;
  }
  .explore1-area .hover-area .web-card.three {
    top: -163px;
  }
  .explore1-area .hover-area .web-card.four {
    top: -236px;
  }
  /*
  growth-area responsive
  ================================================== */
  .growth-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .growth-area .growth-title {
    margin-bottom: 30px;
  }
  .growth-area .growth-image {
    width: 100%;
    margin-bottom: 20px;
  }
  .growth-area .growth-image .image-border {
    width: 100%;
  }
  .growth-area .growth-image .image-border::before {
    top: 10px;
  }
  .growth-area .growth-image .growth-content {
    margin-top: 30px;
  }
  .growth-area .col-lg-4:nth-child(2) .growth-image {
    position: relative;
    margin-left: 0;
  }
  .growth-area .col-lg-4:nth-child(3) .growth-image {
    position: relative;
    margin-left: 0;
  }
  /*
  studies-area responsive
  ================================================== */
  .studies-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .studies-area .studies-title {
    margin-bottom: 30px;
  }
  .studies-area .studies-plus .combined {
    display: none;
  }
  .studies-area .studies-plus .triangle {
    display: none;
  }
  .studies-area .studies-plus .nav-btn {
    margin-bottom: 30px;
  }
  /*
  blog-post-area responsive
  ================================================== */
  .blog-post-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-post-area .blog-post-title h3 {
    font-size: 25px;
  }
  /*
  looking-area responsive
  ================================================== */
  .looking-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .looking-area::after {
    width: 485px;
  }
  .looking-area .looking-card h3 {
    font-size: 30px;
  }
  .looking-area .looking-card p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
  }
  .looking-area .looking-card-body {
    top: 93px;
    left: 28px;
  }
  .looking-area .looking-card-body p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  /*
  about page responsive
  banner-area-one responsive
  ================================================== */
  .banner-area-one .banner-title h1 {
    font-size: 40px;
  }
  /*
  want-area responsive
  ================================================== */
  .want-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .want-area .want-card-body .want-content h4 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 0;
  }
  .want-area .want-card-body .want-content p {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-title {
    margin-bottom: 20px;
  }
  .want-area .want-card-body .want-title h3 {
    font-size: 25px;
  }
  .want-area .counts-card {
    padding: 40px 40px;
  }
  .want-area .counts-card .hero-card .time h3 {
    font-size: 35px;
  }
  .want-area .counts-card .hero-card .time span {
    font-size: 38px;
    top: -10px;
    right: 20px;
  }
  .want-area .counts-card .hero-card h5 {
    font-size: 18px;
  }
  /*
  choose-area-one responsive
  ================================================== */
  .choose-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .choose-area-one .choose-card-one {
    margin-bottom: 110px;
  }
  .choose-area-one .choose-card-one .choose-content-one h3 {
    font-size: 23px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo-one {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 {
    font-size: 12px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 span {
    margin-left: 0;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    display: none;
  }
  /*
  header-area-two responsive
  ================================================== */
  .header-area-two {
    margin-top: 50px;
  }
  .header-area-two .logo li {
    margin-left: 15px;
  }
  /*
  skill-area responsive
  ================================================== */
  .skill-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .skill-area .skill-content .skill-title h3 {
    font-size: 25px;
  }
  .skill-area .skill-card-title h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .skill-area .skill-card .best-design-card .skill-number span {
    top: 73px;
  }
  .skill-area .skill-card-one .best-design-card .skill-number span {
    top: 73px;
  }
  .skill-area .skill-card-two .best-design-card .skill-number span {
    top: 73px;
  }
  /*
  comes-area responsive
  ================================================== */
  .comes-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .comes-area .comes-content h3 {
    font-size: 40px;
  }
  /*
  team-area responsive
  ================================================== */
  .team-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .team-area .cons-title h3 {
    font-size: 35px;
  }
  .team-area .cons-prg p {
    font-size: 18px;
  }
  .team-area .team-card .team-card-body .name {
    width: 100%;
  }
  /*resource-area responsive*/
  .resource-area .resource-card {
    width: 100%;
  }
  /*
  testimoni-area responsive
  ================================================== */
  .testimoni-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-area .testimoni-content h3 {
    font-size: 34px;
  }
  .testimoni-area .testimoni-card-body .testimoni-card {
    width: 335px;
    margin-left: 117px;
  }
  .testimoni-area .testimoni-card-body .testimoni-quote {
    bottom: -40px;
    right: 8px;
  }
  .testimoni-area .testimoni-card-body .testimoni-image {
    right: 5px;
  }
  .testimoni-area .testimoni-card-body .testimoni-card p {
    font-size: 16px;
    margin-top: 10px;
  }
  .testimoni-area .testimoni-slider-widget .swiper-wrapper {
    margin-left: 0;
  }
  /*
  testimoni-card-area responsive
  ================================================== */
  .testimoni-card-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .testimoni-card-area .card-title h3 {
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
  }
  .testimoni-card-area .social-card .testimoni-icon {
    top: 0;
    left: -4px;
  }
  .testimoni-card-area .social-card .social-card-body {
    margin-left: 50px;
    width: 250px;
  }
  .testimoni-card-area .social-card .social-card-body h3 {
    font-size: 20px;
  }
  .testimoni-card-area .social-card .social-card-body p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  /*
  logo-area-one responsive
  ================================================== */
  .logo-area-one {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
  }
  .logo-area-one .logo-header h3 {
    font-size: 30px;
  }
  .logo-area-one .logo-image {
    text-align: center;
  }
  /*
  client-area responsive
  ================================================== */
  .client-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .client-area .client-title h3 {
    font-size: 35px;
  }
  /*
  client-number-area responsive
  ================================================== */
  .client-number-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  solution-area responsive
  ================================================== */
  .solution-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .solution-area .solution-title {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .solution-area .solution-card p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }
  .solution-area .solution-card .solution-card-body .client-image .client {
    width: 60px;
    height: 60px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote {
    right: -34px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote .quote {
    width: 40px;
    height: 40px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .client-image .client {
    width: 60px;
    height: 60px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .solution-quote {
    right: -34px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .solution-quote .quote {
    width: 40px;
    height: 40px;
  }
  .mt-100 {
    margin-top: 50px;
  }
  /*
  career-area responsive
  ================================================== */
  .career-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .career-area .career-card h3 {
    font-size: 35px;
  }
  .career-area .career-card .career-image .couns {
    width: 100%;
    height: auto;
  }
  /*
  progress-area responsive
  ================================================== */
  .progress-area .progress-card .progress-icon::before {
    left: 45px;
  }
  .progress-area .progress-card .progress-icon::after {
    left: 45px;
  }
  /*
  appointment-area responsive
  ================================================== */
  .appointment-area .appointment-card {
    margin-right: -10px;
  }
  .appointment-area .appointment-card-two {
    margin-left: -10px;
    top: 90px;
  }
  /*
  pricing-area responsive
  ================================================== */
  .pricing-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .common-card {
    background: #1B3942;
    padding: 50px 20px 50px 20px;
  }
  .common-area .common-image {
    width: 100%;
    height: 830px;
  }
  .common-area .common-image .common-card-body {
    width: 220px;
  }
  .common-area .common-image .common-card-body-one {
    width: 220px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body-one {
    position: absolute;
    margin-left: 0px;
  }
  .common-area .col-lg-6:nth-child(1) .common-card-body-one {
    position: absolute;
    margin-left: 10px;
  }
  /*
  company-area responsive
  ================================================== */
  .company-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  history-area responsive
  ================================================== */
  .history-area {
    padding-top: 155px;
    padding-bottom: 140px;
  }
  .history-area .history-card .history-content {
    width: 100%;
  }
  .history-area .history-card .history-content .history-card-body h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .history-area .history-card .history-content .history-card-body p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .history-area .history-content {
    width: 100%;
  }
  .history-area .history-content .history-card-body h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .history-area .history-content .history-card-body p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .history-area .history-content .years-one {
    position: absolute;
    top: -140px;
    right: -48px;
  }
  /*
  cooming-area responsive
  ================================================== */
  .cooming-area .cooming .coomng-card .cooming-counter::after {
    left: 48px;
  }
  .cooming-area .cooming .coomng-card .cooming-counter::before {
    left: 48px;
  }
  /*
  service-area responsive
  ================================================== */
  .service-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  service-saidebar-area responsive
  ================================================== */
  .service-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .service-saidebar-area .service-right-saide .great-card h3 {
    font-size: 25px;
  }
  .service-saidebar-area .service-right-saide .contact-item .contact-mail li span {
    font-size: 13px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card .service-logo-one {
    top: 89px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-card-body h5 {
    font-size: 14px;
  }
  .service-saidebar-area .service-right-saide .service-card .brochure-card-one .service-logo-one {
    top: 89px;
  }
  /*
  human-area responsive
  ================================================== */
  .human-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .human-area .humman-prg p {
    width: 100%;
    font-size: 14px;
  }
  .human-area .human-card .human-card-body h3 {
    font-size: 23px;
  }
  .human-area .human-card .human-card-body p {
    font-size: 14px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .human-card-one {
    background: #1B3942;
    padding: 50px 20px 50px 30px;
  }
  .common-area .human-card-one .human-title p {
    font-size: 14px;
  }
  .common-area .human-card-one .humman-prg p {
    font-size: 14px;
  }
  .common-area .human-card-one .humman-prg .human-button-one {
    margin-right: 0;
  }
  .common-area .common-image .human-button-one {
    top: 40%;
    width: 100%;
    transform: translateY(-40%);
  }
  .common-area .common-image .human-logo .logo-card {
    width: 210px;
  }
  .common-area .common-image .human-logo .logo-card .logo-title h3 {
    font-size: 14px;
  }
  .common-area .common-image .human-logo .logo-card-one {
    width: 210px;
    margin-left: 0;
  }
  .common-area .common-image .human-logo .logo-card-one .logo-title h3 {
    font-size: 14px;
  }
  .common-area .col-lg-6:nth-child(4) .logo-card {
    position: absolute;
    margin-left: 0;
  }
  .common-area .col-lg-6:nth-child(6) .logo-card {
    position: absolute;
    margin-left: 0;
  }
  /*
  help-area responsive
  ================================================== */
  .help-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .help-area .help-title {
    margin-bottom: 0;
  }
  /*
  step-area responsive
  ================================================== */
  .step-area {
    padding-bottom: 50px;
  }
  .step-area .step-card {
    padding: 50px 35px 50px 30px;
  }
  .step-area .step-card .step-title h3 {
    font-size: 32px;
  }
  .step-area .step-card .step-title p {
    font-size: 15px;
  }
  .step-area .billa-card {
    top: 40px;
    margin-left: -10px;
    padding: 30px 40px 30px;
  }
  .step-area .billa-card .billa-card-body h3 {
    font-size: 25px;
  }
  .step-area .billa-card .total-card .number {
    padding: 18px 14px 17px;
  }
  .step-area .billa-card .total-card .number h5 {
    font-size: 14px;
  }
  .step-area .billa-card .total-card .next {
    padding: 16px 15px 16px;
  }
  /*
  protfoio-area responsive
  ================================================== */
  .protfoio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  blog-saidebar-area responsive
  ================================================== */
  .blog-saidebar-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-one {
    padding: 52px 40px 53px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote {
    padding: 80px 40px 80px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content {
    padding: 40px 40px 40px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .non-content {
    margin-bottom: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio::before {
    width: 650px;
    left: 110px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio::before {
    width: 325px;
    left: 110px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio {
    width: 456px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio::before {
    width: 330px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio .vedio-icon .youtube {
    top: -32px;
    left: -100px;
  }
  .blog-saidebar-area .blog-left-saidebar .business-card .business-quote .qoute-content p {
    font-size: 17px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body {
    padding: 30px 20px 30px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body .comment-image .comment {
    width: 160px;
  }
  .blog-saidebar-area .blog-left-saidebar .comment-card .comment-card-body-one .comment-image .comment {
    width: 160px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-card h3 {
    font-size: 30px;
  }
  .blog-saidebar-area .blog-right-sidebar .great-card span {
    font-size: 18px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card .service-card-body h5 {
    font-size: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .service-card .brochure-card-one .service-card-body h5 {
    font-size: 15px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog-one {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .shop-left-side .customer {
    margin-bottom: 50px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one {
    padding: 35px 20px 35px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one h3 {
    font-size: 28px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one p {
    font-size: 14px;
    margin-top: 5px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .shope-button {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .tag-content .content li {
    margin-left: 2px;
    padding: 2px 6px 2px;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one .social-card {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body .comment-image .comment {
    width: 160px;
  }
  .blog-saidebar-area .shop-left-side .data-card .data-prg .comment-card .comment-card-body-one .comment-image .comment {
    width: 160px;
  }
  /*
  cart-area responsive
  ================================================== */
  .cart-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .cart-area .cart-title h6 {
    width: 100%;
  }
  /*
  account-area responsive
  ================================================== */
  .account-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  from-area responsive
  ================================================== */
  .from-area {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .from-area .appointment-card-one {
    padding: 40px 30px 40px;
    top: 50px;
  }
  .from-area .appointment-card-one .form-control {
    margin-bottom: 15px;
  }
  /*
  contact-area responsive
  ================================================== */
  .contact-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-area .contact-card .support-card {
    width: 100%;
  }
  .contact-area .contact-card .contact li {
    font-size: 14px;
  }
  .contact-area .contact-content h3 {
    font-size: 30px;
  }
  /*
  touch-banner-area  responsive
  ================================================== */
  .touch-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*
  touch-area responsive
  ================================================== */
  .touch-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .touch-area .left-saide {
    padding-left: 0;
  }
  .touch-area .touch-card {
    margin-right: -50px;
  }
  .touch-area .touch-image {
    top: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /*
  Top Navbar Area Responsive
  ================================================== */
  .top-navbar-area .contact li {
    margin-right: 20px;
  }
  .top-navbar-area .contact li::before {
    left: -12px;
  }
  /*
  Number Area Responsive
  ================================================== */
  .number-area .counts-card .hero-card span {
    font-size: 16px;
  }
  /*
  Header Area Responsive
  ================================================== */
  .header-area .logo li {
    margin-left: 0;
  }
  .header-area .logo li span {
    font-size: 18px;
  }
  .header-area-two .logo li {
    margin-left: 0;
  }
  .header-area-two .logo li span {
    font-size: 18px;
  }
  /*
  seeking Area Responsive
  ================================================== */
  .seeking-area .seeking-content p {
    font-size: 18px;
  }
  .seeking-area .seeking-prg p {
    font-size: 20px;
    line-height: 30px;
  }
  .seeking-area .seeking-prg::before {
    top: 0;
    height: 120px;
  }
  /*
  global Area Responsive
  ================================================== */
  .global-area .global-card .growth-card .growth-card-body .growth-icon .skill-card h4 {
    font-size: 18px;
  }
  .global-area .global-card .growth-card.one {
    position: relative;
    top: 35px;
  }
  .global-area .global-card .growth-card.one::before {
    height: 125px;
  }
  .global-area .global-card .growth-card.three {
    position: relative;
    top: 45px;
  }
  .global-area .global-card .growth-card::before {
    height: 125px;
  }
  /*
  about Area Responsive
  ================================================== */
  .about-area .cons-prg::before {
    left: -30px;
  }
  .about-area .cons-prg::after {
    left: -34px;
  }
  /*
  rangs Area Responsive
  ================================================== */
  .rangs-area .cons-title h3 {
    font-size: 40px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-one h3 {
    font-size: 15px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-one h3 span {
    margin-left: 2px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-one {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title {
    top: 145px;
    right: -170px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title h3 {
    font-size: 15px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title h3 span {
    left: -68px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-logo-two {
    display: none;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two {
    top: 210px;
    left: -180px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two h3 {
    font-size: 15px;
  }
  .rangs-area .rangs-content .rengs-card .rengs-title-two h3 span {
    right: -68px;
  }
  .rangs-area .rangs-content .rengs-card-body li span {
    font-size: 17px;
  }
  /*
  discover Area Responsive
  ================================================== */
  .discover-area .discover-content {
    margin-left: 30px;
  }
  .discover-area .discover-content h2 {
    font-size: 30px;
  }
  .discover-area .discover-card-item .discover-card {
    width: 100%;
    padding: 35px 20px;
  }
  /*
  discover Area Responsive
  ================================================== */
  .protfolio-area {
    padding-bottom: 70px;
  }
  .protfolio-area .protfolio-image {
    top: 390px;
  }
  .protfolio-area::before {
    bottom: 140px;
    height: 250px;
  }
  /*
  success Area Responsive
  ================================================== */
  .success-area .success-item .success-image .default-btn {
    right: -130px;
  }
  /*
  news Area Responsive
  ================================================== */
  .news-area .news-item .cons-title p {
    font-size: 18px;
  }
  /*media-area responsive*/
  .media-area .media-title::after {
    left: 43%;
  }
  /*
  footer Area Responsive
  ================================================== */
  .footer-area .footer-plus {
    display: none;
  }
  /*
  homa page 2 resonsive
  banner Area Responsive
  ================================================== */
  .banner-area::after {
    width: 960px;
  }
  /*
  about-area-two Responsive
  ================================================== */
  .about-area-two .about-image-one {
    top: 160px;
    left: 0;
  }
  .about-area-two .about-image-one .about-one {
    width: 220px;
    height: 220px;
  }
  .about-area-two .about-item-two .about-image-two .about {
    width: 220px;
    height: 220px;
  }
  .about-area-two .about-item-two .about-title-two {
    padding: 30px 27px 80px 50px;
    right: 70px;
  }
  .about-area-two .about-item-two .about-arrow::before {
    top: -50px;
  }
  .about-area-two .about-plus .combined {
    font-size: 230px;
  }
  .about-area-two .about-triangle {
    right: 175px;
  }
  /*
  core-area Responsive
  ================================================== */
  .core-area .core-main-card::before {
    width: 330px;
  }
  .core-area .core-card::before {
    width: 330px;
  }
  /*
  choose-area Responsive
  ================================================== */
  .choose-area .choose-card-body-one {
    right: 42px;
  }
  .choose-area .choose-card-body {
    right: 372px;
  }
  .choose-area .choose-card-body-two {
    left: 42px;
  }
  .choose-area .choose-plus {
    left: 300px;
  }
  .choose-area .choose-triangle {
    left: 285px;
  }
  /*
  plus-area Responsive
  ================================================== */
  .plus-area .plus-content li {
    margin-left: 35px;
  }
  .plus-area .plus-content li span {
    font-size: 20px;
  }
  .plus-area .plus-content li .combined {
    font-size: 30px;
    right: -30px;
  }
  /*
  process-area Responsive
  ================================================== */
  .process-area .process-card-body .process-card {
    width: 385px;
    left: 58px;
  }
  .process-area .process-card-body .process-card-two {
    width: 385px;
  }
  .process-area .process-card-body .process-card-one {
    width: 385px;
    left: 85px;
  }
  .process-area .process-card-body .process-card-three {
    width: 385px;
    left: 166px;
  }
  .process-area .process-card-body .process-image .process {
    width: 310px;
    height: 310px;
    top: 238px;
    left: 405px;
  }
  /*
  industries-area Responsive
  ================================================== */
  .industries-area .industries-card .combined {
    top: -110px;
  }
  /*
  have-area Responsive
  ================================================== */
  .have-area .million-card .million-card-body .million-header::before {
    top: 0;
    right: -25px;
  }
  .have-area .have-card .have-video-card .have-prg::before {
    height: 170px;
  }
  .have-area .logo-card-body .logo-image {
    text-align: center;
  }
  /*
  explore-area Responsive
  ================================================== */
  .explore-area .explore-card::before {
    width: 100%;
    left: 30px;
  }
  .explore-area .web-card {
    margin: 0 0 0 60px;
    top: 80px;
  }
  .explore1-area::after {
    width: 433px;
  }
  /*
  growth-area Responsive
  ================================================== */
  .growth-area .growth-image {
    width: 100%;
  }
  .growth-area .col-lg-4:nth-child(3) .growth-image {
    position: relative;
    margin-left: 0;
  }
  .growth-area .col-lg-4:nth-child(2) .growth-image {
    position: relative;
    margin-left: 0;
  }
  /*
  blog-post-area Responsive
  ================================================== */
  .blog-post-area .blog-post .blog-post-body h3 {
    font-size: 20px;
  }
  .blog-post-area .blog-post-one .blog-post-body h3 {
    font-size: 20px;
  }
  .blog-post-area .blog-post-two .blog-post-body h3 {
    font-size: 20px;
  }
  /*
  looking-area Responsive
  ================================================== */
  .looking-area::after {
    width: 600px;
  }
  .looking-area .looking-card-body {
    top: 190px;
  }
  /*
  want-area Responsive
  ================================================== */
  .want-area .want-counter .want-counter-card-two span {
    font-size: 16px;
  }
  .want-area .want-counter .want-counter-card span {
    font-size: 16px;
  }
  .want-area .want-counter .want-counter-card-one span {
    font-size: 16px;
  }
  .want-area .counts-card .hero-card span {
    font-size: 16px;
  }
  /*
  choose-area-one Responsive
  ================================================== */
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    position: relative;
    right: 0;
    top: 0;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title h3 {
    transform: rotate(0);
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title h3 span {
    left: -75px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 {
    font-size: 14px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 span {
    margin-left: 26px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo-one {
    right: 203px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    display: none;
  }
  /*
  team-area Responsive
  ================================================== */
  .team-area .cons-title h3 {
    font-size: 32px;
  }
  .team-area .team-card .team-card-body .media-icon .social-icon .share {
    border-radius: 0px;
  }
  .resource-area .resource-card {
    width: 100%;
  }
  /*testimoni-area Responsive*/
  .testimoni-area .testimoni-card-body .testimoni-image {
    position: absolute;
    top: 0;
    right: -18px;
  }
  .testimoni-area .testimoni-card-body .testimoni-quote {
    bottom: -20px;
  }
  /*
  testimoni-card Responsive
  ================================================== */
  .testimoni-card-area .social-card .social-card-body {
    margin-left: 45px;
    width: 220px;
  }
  .testimoni-card-area .social-card .social-card-body h3 {
    font-size: 18px;
  }
  .testimoni-card-area .social-card .social-card-body p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .testimoni-card-area .social-card .testimoni-icon {
    left: -5px;
  }
  /*
  client-number-area Responsive
  ================================================== */
  .client-number-area .want-counter .want-counter-card {
    padding: 55px 28px 55px;
  }
  .client-number-area .want-counter .want-counter-card span {
    font-size: 18px;
  }
  .client-number-area .want-counter .want-counter-card-one {
    padding: 55px 28px 55px;
  }
  .client-number-area .want-counter .want-counter-card-one span {
    font-size: 18px;
  }
  .client-number-area .want-counter .want-counter-card-two {
    padding: 55px 28px 55px;
  }
  .client-number-area .want-counter .want-counter-card-two span {
    font-size: 18px;
  }
  /*
  solution-area Responsive
  ================================================== */
  .solution-area .solution-title {
    margin-left: 25px;
  }
  .solution-area .solution-card p {
    font-size: 15px;
    line-height: 22px;
  }
  .solution-area .solution-card .solution-card-body .client-image .client {
    width: 80px;
    height: 80px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote {
    right: -25px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote .quote {
    width: 60px;
    height: 60px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card p {
    font-size: 15px;
    line-height: 22px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .client-image .client {
    width: 80px;
    height: 80px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .solution-quote {
    right: -25px;
  }
  .solution-area .swiper-slide .swiper-slide-active .solution-card .solution-card-body .solution-quote .quote {
    width: 60px;
    height: 60px;
  }
  /*
  progress-area Responsive
  ================================================== */
  .progress-area .progress-card .progress-icon::after {
    left: 65px;
  }
  .progress-area .progress-card .progress-icon::before {
    left: 65px;
  }
  /*
  common-area Responsive
  ================================================== */
  .common-area .common-image {
    width: 100%;
  }
  .common-area .common-image .human-button-one {
    top: 40%;
    width: 100%;
    transform: translateY(-40%);
  }
  .common-area .common-image .common-card-body {
    width: 290px;
  }
  .common-area .common-image .common-card-body-one {
    width: 290px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body-one {
    position: absolute;
    margin-left: 0;
  }
  /*
  history-area Responsive
  ================================================== */
  .history-area .history-card .history-content {
    width: 100%;
  }
  .history-area .history-content {
    width: 100%;
  }
  .history-area .history-content .years-one {
    right: -45px;
  }
  /*
  cooming-area responsive
  ================================================== */
  .cooming-area .cooming .coomng-card .cooming-counter::after {
    left: 68px;
  }
  .cooming-area .cooming .coomng-card .cooming-counter::before {
    left: 68px;
  }
  /*
  common-area responsive
  ================================================== */
  .common-area .human-card-one {
    background: #1B3942;
    padding: 87px 20px 87px 50px;
  }
  .common-area .human-card-one .humman-prg .human-button-one {
    margin-right: 0;
  }
  .common-area .common-image .human-logo .logo-card {
    width: 260px;
  }
  .common-area .common-image .human-logo .logo-card-one {
    width: 260px;
    margin-left: 0;
  }
  .common-area .col-lg-6:nth-child(4) .logo-card {
    margin-left: 0;
  }
  .common-area .col-lg-6:nth-child(6) .logo-card {
    margin-left: 0;
  }
  /*
  help-area responsive
  ================================================== */
  .help-area .help-title {
    margin-bottom: 0;
  }
  .help-area .help-card .help-card-body h3 {
    font-size: 22px;
  }
  .company-area .company-content .cons-title h3 {
    font-size: 25px;
  }
  /*
  step-area responsive
  ================================================== */
  .step-area .step-card {
    margin-right: -30px;
  }
  .step-area .step-card .step-select .step-number::before {
    width: 270px;
  }
  .step-area .billa-card .total-card .number {
    padding: 17px 22px 16px;
  }
  /*
  blog-saidebar-area responsive
  ================================================== */
  .blog-saidebar-area .blog-left-saidebar .blog-quote .quote-content {
    padding: 35px 40px 32px;
  }
  .blog-saidebar-area .blog-left-saidebar .duis-card .duis-quote-one {
    margin-top: 20px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-one .blog-vedio::before {
    left: 105px;
    width: 830px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card .blog-vedio::before {
    left: 110px;
    width: 444px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio {
    width: 576px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio::before {
    width: 450px;
  }
  .blog-saidebar-area .blog-left-saidebar .blog-card .bolg-image .blog-vedio-card-two .blog-vedio .vedio-icon .youtube {
    top: -33px;
    left: -100px;
  }
  .blog-saidebar-area .blog-left-saidebar .cooper-card .cooper-card-body {
    padding: 34px 30px 34px;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .blog-right-sidebar .instrogram-card .instrogram-card-body .instrogram-image .blog-one {
    width: 100%;
    height: auto;
  }
  .blog-saidebar-area .shop-left-side .customer .shope-card-one {
    padding: 74px 20px 74px;
  }
  /*
  cart-area responsive
  ================================================== */
  .cart-area .cart-title h6 {
    width: 100%;
  }
  .touch-area .left-saide {
    padding-left: 45px;
  }
  .touch-area .touch-card {
    margin-right: -65px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  /* Header Area Responsive */
  .header-area .logo li {
    margin-left: 35px;
  }
  .header-area .logo li span {
    margin-right: 5px;
    color: #FFF;
    font-family: "PT Serif", serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
  }
  .header-area-two .logo li {
    margin-left: 35px;
  }
  .header-area-two .logo li span {
    margin-right: 5px;
    color: #FFF;
    font-family: "PT Serif", serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
  }
  /*
  Discover-Area Responsive
  ================================================== */
  .discover-area .discover-card-item .discover-card {
    width: 100%;
  }
  /*
  Success-Area Responsive
  ================================================== */
  .success-area .success-item .success-image .default-btn {
    padding: 15px 20px 15px 21px;
    right: -115px;
  }
  /*
  Footer-Area Responsive
  ================================================== */
  .footer-area .footer-plus .combined {
    left: -80px;
    top: 16px;
  }
  .footer-area .footer-triangle .triangle {
    top: 30px;
    right: 75px;
  }
  .footer-area .footer-triangle .triangle-one {
    top: 140px;
    right: 90px;
  }
  /*
  home page 2 responsive
  banner-Area Responsive
  ================================================== */
  .banner-area::after {
    bottom: 239px;
    left: 120px;
    width: 1295px;
  }
  .banner-slider-widget .banner-slider-btn {
    right: 115px;
  }
  .banner-slider-widget .swiper-pagination.swiper-pagination-fraction {
    left: 60px;
  }
  /*
  about-Area Responsive
  ================================================== */
  .about-area-two .about-image-one {
    position: absolute;
    top: 120px;
    left: 40px;
    z-index: -1;
  }
  .about-area-two .about-image-one .about-one {
    width: 190px;
    height: 190px;
    border-radius: 0px 200px 0px 0px;
  }
  /*
  Choose Area Responsive
  ================================================== */
  .choose-area .choose-card-body {
    position: absolute;
    bottom: 0;
    right: 440px;
  }
  .choose-area .choose-card-body-one {
    position: absolute;
    bottom: 0;
    right: 110px;
  }
  .choose-area .choose-plus {
    position: absolute;
    bottom: -50px;
    left: 560px;
    z-index: -1;
  }
  .choose-area .choose-triangle {
    position: absolute;
    bottom: 50px;
    left: 540px;
    z-index: -2;
  }
  .choose-area .choose-card-body-two {
    position: absolute;
    left: 110px;
  }
  /*
  Plus Area Responsive
  ================================================== */
  .plus-area .plus-card h5 {
    font-size: 20px;
  }
  .plus-area .plus-card .plus-icon .combined {
    font-size: 40px;
  }
  /*
  industries Area Responsive
  ================================================== */
  .industries-area .industries-card {
    padding: 30px 15px;
    width: 295px;
  }
  .industries-area .industries-card .industries-image {
    margin-left: 20px;
  }
  .industries-area .industries-card .combined {
    font-size: 260px;
  }
  /*
  Explore Area Responsive
  ================================================== */
  .explore-area .explore-number .combined {
    font-size: 260px;
    top: -254px;
    right: 395px;
  }
  .explore-area .explore-number .triangle {
    top: -195px;
    right: 500px;
  }
  .explore-area .explore-number .triangle i {
    font-size: 130px;
  }
  .explore-area .explore-card::before {
    width: 850px;
  }
  .explore-area .web-card {
    padding: 40px 60px 40px;
    margin: 0 0 0 145px;
  }
  /*
  Studies Area Responsive
  ================================================== */
  .studies-area .studies-image {
    position: relative;
  }
  .studies-area .studies-image .studies-card-body .studies-card {
    bottom: 69px;
    right: 12px;
    left: 12px;
  }
  .studies-area .studies-image .studies-card-body .studies-btn {
    bottom: 10px;
    left: 12px;
    right: 12px;
  }
  .studies-area .studies-image .studies-card-body .studies-btn .default-btn i {
    left: 135px;
  }
  .studies-area .studies-plus .triangle {
    top: -90px;
    left: 260px;
  }
  .studies-area .studies-plus .combined {
    right: 215px;
  }
  /*
  Looking Area Responsive
  ================================================== */
  .looking-area::before {
    width: 775px;
  }
  .looking-area::after {
    width: 744px;
  }
  /*
  Choose Area One Responsive
  ================================================== */
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title {
    display: none;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs {
    width: 558px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 {
    font-size: 15px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-title-one h3 span {
    margin-left: 20px;
  }
  .choose-area-one .choose-card-one .choose-card-body .rengs-logo-one {
    right: 273px;
  }
  /*
  Solution Area Responsive
  ================================================== */
  .solution-area .solution-card {
    padding: 30px 35px 0;
  }
  .solution-area .solution-card p {
    font-size: 16px;
  }
  .solution-area .solution-card .solution-card-body {
    margin-bottom: -29px;
  }
  .solution-area .solution-card .solution-card-body .client-image .client {
    width: 100px;
    height: 100px;
  }
  .solution-area .solution-card .solution-card-body .client-content {
    margin-left: 20px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote {
    position: absolute;
    top: 0;
    right: -30px;
  }
  .solution-area .solution-card .solution-card-body .solution-quote .quote {
    width: 80px;
    height: 80px;
  }
  .solution-area .solution-title {
    margin-left: 80px;
  }
  /*
  Common Area Responsive
  ================================================== */
  .common-area .common-image {
    width: 100%;
  }
  .common-area .common-image .human-logo .logo-card-one {
    margin-left: -35px;
  }
  .common-area .common-card {
    padding: 88px 20px 88px 100px;
  }
  .common-area .human-card-one {
    padding: 128px 20px 128px 100px;
  }
  .common-area .col-lg-6:nth-child(2) .common-card-body-one {
    margin-left: -30px;
  }
  .common-area .col-lg-6:nth-child(1) .common-card-body-one {
    margin-left: 30px;
  }
  .common-area .col-lg-6:nth-child(4) .logo-card {
    position: absolute;
    margin-left: -30px;
  }
  .common-area .col-lg-6:nth-child(6) .logo-card {
    position: absolute;
    margin-left: -30px;
  }
  /*
  Resource Area Responsive
  ================================================== */
  .resource-area .resource-card-one {
    left: 110px;
  }
  .resource-area .resource-card-two {
    right: 30%;
  }
  .resource-area .resource-card-three {
    left: 115px;
  }
  /*
  Plus Area Responsive
  ================================================== */
  .plus-area .plus-content li {
    margin-left: 74px;
  }
  .plus-area .plus-content li span {
    font-size: 20px;
  }
  .plus-area .plus-content li .combined {
    line-height: 20px;
  }
}/*# sourceMappingURL=responsive.css.map */