@media only screen and (max-width: 767px) {
    body {
      font-size: 14px;
    }
    p {
      font-size: 14px;
    }
    .ptb-100 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .section-title {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }
    .section-title .sub-title {
      margin-bottom: 7px;
      font-size: 13px;
    }
    .section-title h2 {
      font-size: 26px;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    .default-btn {
      font-size: 14.5px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 16px;
      padding-bottom: 12px;
    }
    .sidebar-modal {
      display: none;
    }
    .form-control {
      font-size: 15px;
    }
    .main-banner {
      padding-top: 130px;
    }
    .main-banner-content {
      text-align: center;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 25px;
    }
    .main-banner-content .sub-title {
      margin-bottom: 10px;
      font-size: 13px;
    }
    .main-banner-content h1 {
      font-size: 30px;
    }
    .main-banner-content p {
      font-size: 15px;
      margin-top: 10px;
    }
    .main-banner-content .btn-box {
      margin-top: 20px;
    }
    .banner-section {
      height: 100%;
      padding-top: 140px;
    }
    .banner-content {
      text-align: center;
      margin-top: 0;
    }
    .banner-content .sub-title {
      margin-bottom: 10px;
      font-size: 13px;
    }
    .banner-content h1 {
      font-size: 30px;
    }
    .banner-content p {
      font-size: 15px;
      margin-top: 10px;
    }
    .banner-content form {
      margin-left: auto;
      margin-right: auto;
    }
    .banner-content form .input-newsletter {
      height: 60px;
      padding-left: 20px;
      padding-top: 5px;
      font-size: 16px;
    }
    .banner-content form button {
      position: relative;
      right: 0;
      top: 0;
      height: 55px;
      font-size: 14px;
      margin-top: 15px;
      display: block;
      width: 100%;
    }
    .banner-image {
      margin-top: 60px;
    }
    .banner-image img:nth-child(1) {
      bottom: 80px;
      left: -9px;
      width: 100px;
      margin: 0 auto;
      right: 0;
    }
    .banner-image img:nth-child(2) {
      left: 0;
      bottom: 0;
    }
    .cloud-icon1 {
      top: 60%;
      right: 70%;
    }
    .cloud-icon2 {
      top: 70%;
      right: 0;
    }
    .cloud-icon3 {
      top: 80%;
      right: 75%;
    }
    .hero-banner {
      height: 100%;
      padding-top: 150px;
      padding-bottom: 100px;
    }
    .hero-banner-content {
      text-align: center;
      max-width: 100%;
      margin-top: 0;
      margin-left: 0;
    }
    .hero-banner-content .sub-title {
      margin-bottom: 10px;
      font-size: 13px;
    }
    .hero-banner-content h1 {
      line-height: 1.3;
      font-size: 30px;
    }
    .hero-banner-content p {
      font-size: 15px;
      margin-top: 10px;
    }
    .hero-banner-content .btn-box {
      margin-top: 20px;
    }
    .hero-banner-content form .input-newsletter {
      height: 60px;
      padding-left: 20px;
      padding-top: 5px;
      font-size: 16px;
    }
    .hero-banner-content form button {
      position: relative;
      right: 0;
      top: 0;
      height: 55px;
      font-size: 14px;
      margin-top: 15px;
      display: block;
      width: 100%;
    }
    .hero-banner-image {
      margin-left: 0;
      margin-right: 0;
      margin-top: 30px;
    }
    .hero-banner-image img:nth-child(2) {
      max-width: 100px;
    }
    .hero-banner-image img:nth-child(3) {
      max-width: 100px;
    }
    .hero-main-banner-content {
      text-align: center;
      margin-top: 0;
    }
    .hero-main-banner-content .sub-title {
      margin-bottom: 10px;
      font-size: 13px;
    }
    .hero-main-banner-content h1 {
      line-height: 1.3;
      font-size: 30px;
    }
    .hero-main-banner-content p {
      font-size: 15px;
      margin-top: 10px;
    }
    .hero-main-banner-content form .input-newsletter {
      height: 60px;
      padding-left: 20px;
      padding-top: 5px;
      font-size: 16px;
    }
    .hero-main-banner-content form button {
      position: relative;
      right: 0;
      top: 0;
      height: 55px;
      font-size: 14px;
      margin-top: 15px;
      display: block;
      width: 100%;
    }
    .hero-main-banner-image {
      margin-top: 40px;
      right: 0;
    }
    .hero-main-banner-image img {
      display: none;
      position: relative;
    }
    .hero-main-banner-image img:last-child {
      display: inline-block;
    }
    .shape-img1 img {
      max-width: 100px;
    }
    .shape-img2, .shape-img3, .shape-img4, .shape-img5, .shape-img6, .shape-img7, .shape-img8, .shape-img9, .shape-img10 {
      display: none;
    }
    .featured-services-area {
      padding-bottom: 30px;
    }
    .single-featured-box {
      padding: 96px 20px 35px 20px;
    }
    .single-featured-box .icon {
      margin-top: -7px;
      font-size: 35px;
    }
    .single-featured-box h3 {
      font-size: 20px;
    }
    .single-featured-box p {
      margin-top: 12px;
    }
    .single-featured-box .default-btn {
      font-size: 14px;
      padding-top: 11px;
      padding-bottom: 8px;
    }
    .about-content {
      padding-left: 0;
      text-align: center;
      margin-top: 35px;
    }
    .about-content .sub-title {
      margin-bottom: 7px;
      font-size: 13px;
    }
    .about-content h2 {
      font-size: 26px;
    }
    .about-content .features-list {
      text-align: left;
      margin-top: -5px;
    }
    .about-content .features-list li {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .about-content .features-list li span {
      padding: 11px 12px 8px 37px;
      font-size: 14px;
    }
    .about-content .features-list li span i {
      font-size: 10px;
      width: 20px;
      height: 20px;
      line-height: 20px;
    }
    .about-inner-area {
      margin-top: 0;
    }
    .about-text {
      margin-top: 30px;
    }
    .about-text h3 {
      padding-bottom: 8px;
      font-size: 20px;
    }
    .overview-box {
      margin-bottom: 30px;
    }
    .overview-box .overview-content {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .overview-box .overview-content .content {
      text-align: center;
      padding-right: 0;
      margin-top: 30px;
    }
    .overview-box .overview-content .content .sub-title {
      margin-bottom: 7px;
      font-size: 14px;
    }
    .overview-box .overview-content .content h2 {
      font-size: 24px;
    }
    .overview-box .overview-content .content .features-list {
      text-align: left;
      margin-top: -5px;
    }
    .overview-box .overview-content .content .features-list li {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .overview-box .overview-content .content .features-list li span {
      padding: 11px 12px 8px 37px;
      font-size: 14px;
    }
    .overview-box .overview-content .content .features-list li span i {
      font-size: 10px;
      width: 20px;
      height: 20px;
      line-height: 20px;
    }
    .overview-box .overview-content .content.right-content {
      padding-left: 0;
    }
    .overview-box .overview-content .content .features-text h4 {
      margin-bottom: 10px;
      font-size: 17px;
    }
    .overview-box .overview-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .services-area {
      padding-bottom: 30px;
    }
    .single-services-box {
      padding: 40px 25px;
    }
    .single-services-box .icon {
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px);
      width: 65px;
      height: 65px;
      line-height: 65px;
      font-size: 30px;
      margin-bottom: 20px;
    }
    .single-services-box h3 {
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px);
      font-size: 20px;
    }
    .single-services-box p {
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px);
      margin-top: 11px;
    }
    .single-services-box .read-more-btn {
      font-size: 15px;
      opacity: 1;
      visibility: visible;
      bottom: 17px;
    }
    .services-details-overview {
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 40px;
    }
    .services-details-overview .services-details-desc {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding-right: 15px;
      padding-left: 15px;
    }
    .services-details-overview .services-details-desc h3 {
      margin-bottom: 12px;
      font-size: 20px;
    }
    .services-details-overview .services-details-desc .features-text {
      margin-top: 20px;
    }
    .services-details-overview .services-details-desc .features-text h4 {
      margin-bottom: 10px;
      font-size: 17px;
    }
    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
      font-size: 15px;
    }
    .services-details-overview .services-details-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 40px;
      padding-right: 15px;
      padding-left: 15px;
    }
    .why-choose-content {
      padding-right: 0;
      text-align: center;
    }
    .why-choose-content .sub-title {
      margin-bottom: 7px;
      font-size: 13px;
    }
    .why-choose-content h2 {
      font-size: 26px;
    }
    .why-choose-content .features-text h4 {
      margin-bottom: 10px;
      font-size: 16px;
    }
    .why-choose-content .features-text h4 i {
      font-size: 14px;
    }
    .why-choose-image {
      margin-top: 25px;
    }
    .fun-facts-area {
      padding-bottom: 30px;
    }
    .fun-facts-area::before {
      display: none;
    }
    .single-fun-facts {
      padding: 33px 30px 20px;
      margin-bottom: 30px;
    }
    .single-fun-facts h3 {
      font-size: 40px;
    }
    .single-fun-facts p {
      margin-top: 5px;
      font-size: 14px;
    }
    .single-fun-facts .back-text {
      top: 5px;
      font-size: 120px;
    }
    .projects-area {
      padding-bottom: 30px;
    }
    .single-projects-box .projects-content {
      bottom: 10px;
      max-width: 280px;
    }
    .single-projects-box .projects-content h3 {
      font-size: 20px;
    }
    .single-projects-box .projects-content .category {
      margin-top: 6px;
      font-size: 15px;
    }
    .single-projects-box .plus-icon a {
      width: 65px;
      height: 65px;
      top: 15px;
      right: 15px;
    }
    .single-projects-box .plus-icon a span {
      width: 30px;
      height: 30px;
    }
    .projects-slides.owl-theme .owl-nav.disabled + .owl-dots {
      margin-top: 0;
    }
    .projects-slides.owl-theme .owl-dots .owl-dot span {
      margin: 0 4px;
    }
    .projects-details-desc h3 {
      margin-bottom: 10px;
      font-size: 20px;
    }
    .projects-details-desc .features-text h4 {
      margin-bottom: 10px;
      font-size: 16px;
    }
    .projects-details-desc .project-details-info {
      margin-top: 15px;
    }
    .projects-details-desc .project-details-info .single-info-box {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 15px;
    }
    .projects-details-desc .project-details-info .single-info-box h4 {
      margin-bottom: 7px;
      font-size: 18px;
    }
    .features-list-tab .tabs {
      margin-top: -10px;
    }
    .features-list-tab .tabs li {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
      padding-top: 10px;
    }
    .features-list-tab .tabs li a {
      font-size: 15px;
      padding-right: 10px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 10px;
    }
    .features-list-tab .tabs li a i {
      font-size: 25px;
    }
    .features-list-tab .features-overview .overview-content {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .features-list-tab .features-overview .overview-content .content {
      text-align: center;
      padding-left: 0;
      padding-right: 0;
    }
    .features-list-tab .features-overview .overview-content .content .sub-title {
      margin-bottom: 7px;
      font-size: 14px;
    }
    .features-list-tab .features-overview .overview-content .content h2 {
      font-size: 22px;
    }
    .features-list-tab .features-overview .overview-content .content .features-list {
      text-align: left;
      margin-top: -5px;
    }
    .features-list-tab .features-overview .overview-content .content .features-list li {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .features-list-tab .features-overview .overview-content .content .features-list li span {
      padding: 11px 12px 8px 37px;
      font-size: 14px;
    }
    .features-list-tab .features-overview .overview-content .content .features-list li span i {
      font-size: 10px;
      width: 20px;
      height: 20px;
      line-height: 20px;
    }
    .features-list-tab .features-overview .overview-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 30px;
    }
    .features-list-tab .features-overview .overview-image .image {
      padding-left: 0;
      padding-right: 0;
    }
    .team-area {
      padding-bottom: 30px;
    }
    .single-team-box .image .social {
      top: auto;
      left: auto;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      margin-top: 0;
      padding: 10px 15px 5px;
      right: 10px;
      bottom: 10px;
      opacity: 1;
      visibility: visible;
    }
    .single-team-box .image .social a {
      font-size: 15px;
      margin: 0 6px;
    }
    .single-team-box .content {
      padding: 25px 20px;
    }
    .single-team-box .content h3 {
      font-size: 20px;
    }
    .single-team-box .content span {
      margin-top: 7px;
    }
    .solution-area.extra-pb {
      padding-bottom: 85px;
    }
    .solution-content {
      text-align: center;
    }
    .solution-content .sub-title {
      margin-bottom: 7px;
      font-size: 13px;
    }
    .solution-content h2 {
      font-size: 28px;
    }
    .solution-video {
      margin-top: 60px;
    }
    .feedback-area {
      padding-bottom: 30px;
    }
    .feedback-area.bg-color {
      margin-top: 0;
    }
    .feedback-area.bg-color .section-title {
      margin-bottom: 10px;
    }
    .feedback-area.bg-color::before {
      margin-left: 0;
      margin-right: 0;
    }
    .feedback-area.bg-color::after {
      display: none;
    }
    .feedback-slides {
      padding-left: 0;
      padding-right: 0;
    }
    .single-feedback-item .client-info h3 {
      font-size: 18px;
    }
    .pricing-area {
      padding-bottom: 30px;
    }
    .single-pricing-box {
      padding: 40px 30px 15px 30px;
    }
    .single-pricing-box .pricing-header {
      margin: -40px -30px 23px -30px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 25px;
      padding-bottom: 20px;
    }
    .single-pricing-box .pricing-header h3 {
      font-size: 20px;
    }
    .single-pricing-box .price {
      line-height: 35px;
      font-size: 35px;
    }
    .single-pricing-box .price sub {
      line-height: 14px;
      margin: 0 -5px 0 -8px;
      top: -2px;
      font-size: 14px;
    }
    .single-pricing-box .price-features-list {
      padding: 25px 20px;
      margin: 15px -30px 20px -30px;
    }
    .single-pricing-box .price-features-list li {
      font-size: 15px;
    }
    .single-pricing-box .price-features-list li i {
      font-size: 13px;
    }
    .single-pricing-box .price-features-list li i.flaticon-close {
      font-size: 11px;
    }
    .single-pricing-box .get-started-btn {
      font-size: 16px;
    }
    .partner-area {
      padding-bottom: 50px;
    }
    .single-partner-item {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .single-partner-item a {
      padding: 10px;
    }
    .blog-area {
      padding-bottom: 30px;
    }
    .blog-area .widget-area {
      margin-top: 10px;
      margin-bottom: 30px;
    }
    .single-blog-post .post-content {
      padding: 20px;
    }
    .single-blog-post .post-content .post-meta ul li {
      font-size: 14px;
    }
    .single-blog-post .post-content h3 {
      line-height: 1.4;
      font-size: 19px;
    }
    .single-blog-post .post-content .read-more-btn {
      bottom: 15px;
      left: 20px;
      font-size: 15px;
    }
    .single-blog-post:hover .post-content .read-more-btn {
      bottom: 16px;
    }
    .blog-details-desc .article-content {
      margin-top: 25px;
    }
    .blog-details-desc .article-content .entry-meta {
      margin-bottom: -10px;
    }
    .blog-details-desc .article-content .entry-meta ul li {
      display: block;
      margin-right: 0;
      font-size: 15px;
      margin-bottom: 5px;
    }
    .blog-details-desc .article-content .entry-meta ul li::before {
      display: none;
    }
    .blog-details-desc .article-content h3 {
      font-size: 20px;
      line-height: 1.4;
      margin-bottom: 14px;
      margin-top: 20px;
    }
    .blog-details-desc .article-footer {
      text-align: center;
    }
    .blog-details-desc .article-footer .article-tags {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .blog-details-desc .article-footer .article-share {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 15px;
    }
    .blog-details-desc .article-footer .article-share .social {
      text-align: center;
    }
    blockquote, .blockquote {
      padding: 30px !important;
    }
    blockquote p, .blockquote p {
      font-size: 17px !important;
    }
    .comments-area {
      padding: 20px;
    }
    .comments-area .comment-author .avatar {
      left: 0;
      position: relative;
      display: block;
      margin-bottom: 10px;
    }
    .comments-area .comment-body {
      padding-left: 0;
    }
    .comments-area .comments-title {
      margin-bottom: 20px;
      font-size: 20px;
    }
    .comments-area .comments-title::before {
      left: -20px;
    }
    .comments-area .comment-author {
      margin-bottom: 0.3em;
    }
    .comments-area .comment-metadata {
      font-size: 13px;
    }
    .comments-area .comment-respond .comment-reply-title {
      font-size: 20px;
    }
    .comments-area .comment-respond .comment-reply-title::before {
      left: -20px;
    }
    .comments-area .comment-respond label {
      font-size: 15px;
    }
    .comments-area .comment-respond .comment-form-author {
      width: 100%;
      padding-right: 0;
    }
    .comments-area .comment-respond .comment-form-email {
      width: 100%;
      padding-left: 0;
    }
    .comments-area .comment-respond .form-submit input {
      font-size: 15px;
      padding: 12px 25px 10px;
    }
    .subscribe-inner-area {
      padding: 60px 15px;
    }
    .subscribe-content .sub-title {
      margin-bottom: 8px;
      font-size: 13px;
    }
    .subscribe-content h2 {
      font-size: 28px;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    .subscribe-content .newsletter-form {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    .subscribe-content .newsletter-form .input-newsletter {
      height: 60px;
      padding-left: 20px;
      padding-top: 5px;
      font-size: 16px;
    }
    .subscribe-content .newsletter-form button {
      position: relative;
      right: 0;
      top: 0;
      height: 55px;
      font-size: 14px;
      margin-top: 15px;
      display: block;
      width: 100%;
      background-color: #fa7070;
      color: #ffffff;
    }
    .subscribe-content .newsletter-form button:hover {
      background-color: #233d63;
      color: #ffffff;
    }
    .page-title-area {
      height: 100%;
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .page-title-area.page-title-bg1 {
      background-position: center center;
    }
    .page-title-area.page-title-bg2 {
      background-position: center center;
    }
    .page-title-area .shape-img3, .page-title-area .shape-img7 {
      display: block;
    }
    .page-title-area .shape-img9 {
      left: 8%;
      top: 25%;
      display: block;
    }
    .page-title-content h2 {
      font-size: 25px;
    }
    .page-title-content ul {
      margin-top: 13px;
    }
    .page-title-content ul li {
      font-size: 15px;
      margin-left: 10px;
      margin-right: 10px;
    }
    .page-title-content ul li::before {
      right: -16px;
      top: 3px;
      font-size: 10px;
    }
    .pagination-area {
      margin-top: 20px;
    }
    .pagination-area .page-numbers {
      width: 40px;
      height: 40px;
      margin: 0 2px;
      line-height: 45px;
      font-size: 17px;
    }
    .widget-area {
      margin-top: 40px;
    }
    .widget-area .widget .widget-title {
      font-size: 19px;
    }
    .widget-area .widget_aronix_posts_thumb .item .thumb {
      height: 70px;
      width: 70px;
      margin-right: 10px;
    }
    .widget-area .widget_aronix_posts_thumb .item .thumb .fullimage {
      width: 70px;
      height: 70px;
    }
    .widget-area .widget_aronix_posts_thumb .item .info time {
      margin-top: 0;
    }
    .widget-area .widget_aronix_posts_thumb .item .info .title {
      font-size: 15px;
    }
    .widget-area .widget_categories ul li {
      font-size: 14.5px;
    }
    .widget-area .widget_recent_comments ul li {
      font-size: 14.5px;
    }
    .widget-area .widget_recent_entries ul li {
      font-size: 14.5px;
    }
    .widget-area .widget_archive ul li {
      font-size: 14.5px;
    }
    .widget-area .widget_meta ul li {
      font-size: 14.5px;
    }
    .widget-area .tagcloud a {
      font-size: 13.5px !important;
    }
    .woocommerce-topbar {
      text-align: center;
    }
    .woocommerce-topbar .woocommerce-result-count p {
      font-size: 16px;
    }
    .woocommerce-topbar .woocommerce-topbar-ordering {
      text-align: center;
      margin-top: 10px;
    }
    .single-product-box .product-content h3 {
      font-size: 20px;
    }
    .single-product-box .product-content .price {
      font-size: 14px;
    }
    .single-product-box .product-content .rating {
      font-size: 14px;
    }
    .single-product-box .product-content .rating i {
      margin-right: 0;
    }
    .product-details-desc {
      margin-top: 25px;
    }
    .product-details-desc h3 {
      font-size: 20px;
      margin-bottom: 10px;
    }
    .product-details-desc .product-add-to-cart .input-counter {
      max-width: 120px;
      min-width: 120px;
    }
    .product-details-desc .product-add-to-cart .default-btn {
      line-height: 55px;
      top: 0;
      padding-left: 20px;
      padding-right: 20px;
    }
    .products-details-tab .tabs li a {
      font-size: 14px;
    }
    .products-details-tab .tab_content {
      padding: 20px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
      display: block;
      width: 100%;
      margin-bottom: 5px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
      font-size: 20px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form {
      margin-top: 10px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn {
      position: relative;
      margin-top: 15px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
      padding-right: 0;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
      font-size: 17px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
      position: relative;
      top: 0;
      font-size: 14px;
      margin-top: 15px;
      display: inline-block;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .product-review-form .review-form form {
      max-width: 100%;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .product-review-form .review-form form .form-group .form-control {
      height: 50px;
      font-size: 14px;
    }
    .cart-table table thead tr th {
      padding: 0 35px 15px;
    }
    .cart-table table thead tr th:first-child {
      padding-left: 0;
    }
    .cart-table table tbody tr td {
      text-align: center;
    }
    .cart-table table tbody tr td:first-child {
      text-align: left;
    }
    .cart-buttons .shopping-coupon-code {
      max-width: 100%;
    }
    .cart-buttons .shopping-coupon-code .form-control {
      padding: 0 10px;
      font-size: 15px;
    }
    .cart-buttons .shopping-coupon-code button {
      padding: 0 20px;
    }
    .cart-buttons .text-right {
      text-align: center !important;
      margin-top: 20px;
    }
    .cart-totals {
      padding: 30px;
    }
    .cart-totals h3 {
      margin-bottom: 20px;
      font-size: 20px;
    }
    .user-actions {
      padding: 18px 15px 15px;
    }
    .billing-details .title {
      font-size: 20px;
    }
    .order-details {
      margin-top: 30px;
    }
    .order-details .title {
      margin-bottom: 20px;
      font-size: 20px;
    }
    .order-details .payment-box {
      padding: 25px;
    }
    .error-area {
      height: 100%;
      padding-top: 150px;
      padding-bottom: 150px;
    }
    .error-content h3 {
      font-size: 30px;
      margin-bottom: 10px;
      margin-top: 35px;
    }
    .faq-accordion .accordion .accordion-title {
      font-size: 15px;
    }
    .faq-contact-image {
      text-align: center;
    }
    .faq-contact-form {
      padding-left: 0;
      margin-top: 35px;
    }
    .contact-area .section-title {
      margin-top: 30px;
    }
    .contact-info-box {
      margin-bottom: 30px;
    }
    .contact-info-box .icon {
      width: 65px;
      height: 65px;
      line-height: 65px;
      font-size: 25px;
    }
    .contact-info-box h3 {
      margin-bottom: 10px;
      font-size: 20px;
    }
    .contact-image {
      text-align: center;
    }
    .contact-form {
      padding-left: 0;
      margin-top: 35px;
    }
    .footer-area {
      padding-top: 50px;
    }
    .single-footer-widget h3 {
      margin-bottom: 30px;
      font-size: 20px;
    }
    .single-footer-widget .footer-contact-info li {
      padding-left: 40px;
      font-size: 12.5px;
    }
    .single-footer-widget .footer-contact-info li i {
      font-size: 25px;
    }
    .single-footer-widget .footer-contact-info li a {
      font-size: 16px;
    }
    .single-footer-widget .footer-contact-info li .social {
      margin-top: 7px;
    }
    .single-footer-widget .footer-contact-info li .social li {
      margin-right: 10px;
    }
    .single-footer-widget .footer-contact-info li .social li a {
      font-size: 15px;
    }
    .single-footer-widget .footer-contact-info li .social li a i {
      font-size: 15px;
    }
    .single-footer-widget.pl-5, .single-footer-widget.px-5 {
      padding-left: 0 !important;
    }
    .single-footer-widget .footer-quick-links li a {
      font-size: 15px;
    }
    .copyright-area {
      text-align: center;
      margin-top: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .copyright-area ul {
      text-align: center;
      margin-top: 10px;
    }
    .copyright-area ul li::before {
      top: 2px;
    }
    .go-top {
      right: 10px;
      width: 35px;
      height: 35px;
      line-height: 40px;
      font-size: 16px;
    }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .main-banner .container-fluid {
      max-width: 540px;
    }
    .main-banner-image img:nth-child(2) {
      max-width: 170px;
    }
    .main-banner-image img:nth-child(3) {
      max-width: 170px;
    }
    .banner-content form .input-newsletter {
      height: 65px;
    }
    .banner-content form button {
      position: absolute;
      right: 5px;
      top: 5px;
      margin-top: 0;
      display: inline-block;
      width: auto;
    }
    .hero-banner .container-fluid {
      max-width: 540px;
    }
    .hero-banner-image img:nth-child(2) {
      max-width: 170px;
    }
    .hero-banner-image img:nth-child(3) {
      max-width: 170px;
    }
    .hero-main-banner-content form .input-newsletter {
      height: 65px;
    }
    .hero-main-banner-content form button {
      position: absolute;
      right: 5px;
      top: 5px;
      margin-top: 0;
      display: inline-block;
      width: auto;
    }
    .about-content .features-list li {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .overview-box .overview-content .content .features-list li {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .features-list-tab .tabs li {
      -ms-flex: 0 0 33.333333%;
      -webkit-box-flex: 0;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .features-list-tab .features-overview .overview-content .content .features-list li {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .single-partner-item {
      -ms-flex: 0 0 33.333333%;
      -webkit-box-flex: 0;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .subscribe-content .newsletter-form .input-newsletter {
      height: 65px;
    }
    .subscribe-content .newsletter-form button {
      position: absolute;
      right: 5px;
      top: 5px;
      background-color: #0000ff;
      color: #ffffff;
      margin-top: 0;
      display: inline-block;
      width: auto;
    }
    .subscribe-content .newsletter-form button:hover {
      background-color: #fa7070;
      color: #ffffff;
    }
    .woocommerce-topbar {
      text-align: left;
    }
    .woocommerce-topbar .woocommerce-topbar-ordering {
      text-align: right;
      margin-top: 0;
    }
    .blog-details-desc .article-content {
      margin-top: 25px;
    }
    .blog-details-desc .article-content .entry-meta {
      margin-bottom: -10px;
    }
    .blog-details-desc .article-content .entry-meta ul li {
      display: inline-block;
      margin-right: 21px;
      font-size: 15px;
      margin-bottom: 0;
    }
    .blog-details-desc .article-content .entry-meta ul li::before {
      top: 9px;
      display: block;
    }
    .blog-details-desc .article-footer {
      text-align: left;
    }
    .blog-details-desc .article-footer .article-tags {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .blog-details-desc .article-footer .article-share {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
      margin-top: 0;
    }
    .blog-details-desc .article-footer .article-share .social {
      text-align: right;
    }
    .projects-details-desc .project-details-info .single-info-box {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .copyright-area {
      text-align: left;
    }
    .copyright-area ul {
      text-align: right;
      margin-top: 0;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-btn {
      font-size: 15px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 15px;
      padding-bottom: 11px;
    }
    .ptb-100 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .section-title {
      margin-bottom: 50px;
    }
    .section-title .sub-title {
      font-size: 14px;
    }
    .section-title h2 {
      font-size: 35px;
    }
    .sidebar-modal {
      display: none;
    }
    .navbar-area.is-sticky {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .main-banner {
      padding-top: 150px;
    }
    .main-banner .container-fluid {
      max-width: 720px;
    }
    .main-banner-content {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }
    .main-banner-content .sub-title {
      margin-bottom: 13px;
      font-size: 14px;
    }
    .main-banner-content h1 {
      font-size: 45px;
    }
    .main-banner-content p {
      font-size: 16px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .banner-section {
      height: 100%;
      padding-top: 150px;
    }
    .banner-content {
      margin-top: 0;
      text-align: center;
    }
    .banner-content .sub-title {
      margin-bottom: 13px;
      font-size: 14px;
    }
    .banner-content h1 {
      font-size: 45px;
    }
    .banner-content p {
      font-size: 16px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .banner-content form {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .banner-image {
      margin-top: 90px;
    }
    .banner-image img:nth-child(1) {
      left: -5px;
      right: 0;
      margin: 0 auto;
      width: 140px;
      bottom: -15px;
    }
    .banner-image img:nth-child(2) {
      left: 0;
      top: 80px;
    }
    .hero-main-banner-content {
      margin-top: 0;
      text-align: center;
    }
    .hero-main-banner-content .sub-title {
      margin-bottom: 13px;
      font-size: 14px;
    }
    .hero-main-banner-content h1 {
      font-size: 45px;
    }
    .hero-main-banner-content p {
      font-size: 16px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .hero-main-banner-content form {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .hero-main-banner-image {
      margin-top: 40px;
      right: 0;
    }
    .hero-main-banner-image img {
      display: none;
      position: relative;
    }
    .hero-main-banner-image img:last-child {
      display: inline-block;
    }
    .cloud-icon1 {
      top: 60%;
      right: 16.5%;
    }
    .cloud-icon2 {
      top: 80%;
      right: 2%;
    }
    .cloud-icon3 {
      top: 65%;
      right: 73%;
    }
    .hero-banner {
      height: 100%;
      padding-top: 150px;
      padding-bottom: 100px;
    }
    .hero-banner .container-fluid {
      max-width: 720px;
    }
    .hero-banner.banner-bg1 {
      background-position: bottom right;
    }
    .hero-banner-content {
      text-align: center;
      max-width: 100%;
      margin-left: 0;
      margin-top: 0;
    }
    .hero-banner-content .sub-title {
      margin-bottom: 13px;
      font-size: 14px;
    }
    .hero-banner-content h1 {
      font-size: 45px;
    }
    .hero-banner-content p {
      font-size: 16px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .hero-banner-image {
      margin-top: 35px;
    }
    .shape-img1 img {
      max-width: 100px;
    }
    .shape-img4, .shape-img9, .shape-img8 {
      display: none;
    }
    .featured-services-area {
      padding-bottom: 50px;
    }
    .single-featured-box {
      padding: 110px 20px 30px 20px;
    }
    .single-featured-box .icon {
      top: 25px;
      font-size: 45px;
      margin-top: 0;
    }
    .single-featured-box h3 {
      font-size: 22px;
    }
    .single-featured-box p {
      margin-top: 10px;
    }
    .single-featured-box .default-btn {
      font-size: 14px;
      padding-top: 13px;
      padding-bottom: 9px;
    }
    .about-content {
      margin-top: 35px;
      padding-left: 0;
      text-align: center;
    }
    .about-content .sub-title {
      font-size: 14px;
    }
    .about-content h2 {
      font-size: 35px;
    }
    .about-content .features-list {
      text-align: left;
    }
    .about-content .features-list li span {
      font-size: 15px;
    }
    .about-inner-area {
      margin-top: 5px;
    }
    .about-text {
      margin-top: 30px;
    }
    .about-text h3 {
      font-size: 22px;
    }
    .overview-box {
      margin-bottom: 35px;
    }
    .overview-box:first-child {
      margin-top: 0;
    }
    .overview-box .overview-content {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 35px;
    }
    .overview-box .overview-content .content {
      text-align: center;
      padding-right: 0;
    }
    .overview-box .overview-content .content .sub-title {
      font-size: 14px;
    }
    .overview-box .overview-content .content h2 {
      font-size: 35px;
    }
    .overview-box .overview-content .content .features-text h4 {
      font-size: 17px;
    }
    .overview-box .overview-content .content .features-text p {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }
    .overview-box .overview-content .content .features-list {
      text-align: left;
    }
    .overview-box .overview-content .content .features-list li span {
      font-size: 15px;
    }
    .overview-box .overview-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .services-area {
      padding-bottom: 50px;
    }
    .single-services-box .icon {
      width: 70px;
      height: 70px;
      line-height: 70px;
      font-size: 32px;
    }
    .single-services-box h3 {
      font-size: 22px;
    }
    .services-details-overview {
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 45px;
    }
    .services-details-overview .services-details-desc {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding-right: 15px;
      padding-left: 15px;
    }
    .services-details-overview .services-details-desc h3 {
      margin-bottom: 12px;
      font-size: 22px;
    }
    .services-details-overview .services-details-desc .features-text {
      margin-top: 20px;
    }
    .services-details-overview .services-details-desc .features-text h4 {
      margin-bottom: 10px;
      font-size: 17px;
    }
    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
      font-size: 15px;
    }
    .services-details-overview .services-details-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 45px;
      padding-right: 15px;
      padding-left: 15px;
    }
    .why-choose-content {
      padding-right: 0;
      text-align: center;
      margin-bottom: 25px;
    }
    .why-choose-content .sub-title {
      font-size: 14px;
    }
    .why-choose-content h2 {
      font-size: 35px;
    }
    .why-choose-content .features-text h4 {
      font-size: 17px;
    }
    .why-choose-content .features-text p {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }
    .fun-facts-area {
      padding-bottom: 50px;
    }
    .fun-facts-area::before {
      background-size: 500%;
    }
    .single-fun-facts {
      margin-bottom: 30px;
    }
    .single-fun-facts h3 {
      font-size: 45px;
    }
    .single-fun-facts p {
      font-size: 15px;
    }
    .projects-area {
      padding-bottom: 50px;
    }
    .single-projects-box .projects-content {
      max-width: 335px;
    }
    .single-projects-box .projects-content h3 {
      font-size: 22px;
    }
    .single-projects-box .plus-icon a {
      width: 75px;
      height: 75px;
      top: 20px;
      right: 20px;
    }
    .single-projects-box .plus-icon a span {
      width: 30px;
      height: 30px;
    }
    .projects-details-desc h3 {
      margin-bottom: 10px;
      font-size: 22px;
    }
    .projects-details-desc .project-details-info {
      margin-top: 15px;
    }
    .projects-details-desc .project-details-info .single-info-box {
      -ms-flex: 0 0 33.333333%;
      -webkit-box-flex: 0;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      margin-top: 15px;
    }
    .features-list-tab .tabs {
      margin-top: -10px;
    }
    .features-list-tab .tabs li {
      -ms-flex: 0 0 25%;
      -webkit-box-flex: 0;
      flex: 0 0 25%;
      max-width: 25%;
      padding-top: 10px;
    }
    .features-list-tab .tabs li a {
      font-size: 16px;
      padding-right: 15px;
      padding-left: 15px;
    }
    .features-list-tab .tabs li a i {
      font-size: 30px;
    }
    .features-list-tab .tabs li a span {
      margin-top: 0;
    }
    .features-list-tab .features-overview .overview-content {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .features-list-tab .features-overview .overview-content .content {
      text-align: center;
      padding-left: 0;
      padding-right: 0;
    }
    .features-list-tab .features-overview .overview-content .content .sub-title {
      font-size: 14px;
    }
    .features-list-tab .features-overview .overview-content .content h2 {
      font-size: 26px;
    }
    .features-list-tab .features-overview .overview-content .content .features-list {
      text-align: left;
    }
    .features-list-tab .features-overview .overview-image {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 30px;
    }
    .team-area {
      padding-bottom: 50px;
    }
    .single-team-box .content h3 {
      font-size: 22px;
    }
    .single-team-box .content span {
      margin-top: 5px;
    }
    .solution-content {
      text-align: center;
    }
    .solution-content .sub-title {
      font-size: 14px;
    }
    .solution-content h2 {
      font-size: 40px;
    }
    .solution-content p {
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }
    .solution-video {
      margin-top: 80px;
    }
    .feedback-area {
      padding-bottom: 50px;
    }
    .feedback-area.bg-color::before {
      margin-left: 25px;
      margin-right: 25px;
    }
    .feedback-area.bg-color::after {
      background-size: 430%;
      margin-left: 25px;
      margin-right: 25px;
    }
    .feedback-slides {
      padding-left: 35px;
      padding-right: 35px;
    }
    .single-feedback-item p {
      font-size: 17px;
    }
    .single-feedback-item .client-info h3 {
      font-size: 18px;
    }
    .pricing-area {
      padding-bottom: 50px;
    }
    .single-pricing-box .pricing-header h3 {
      font-size: 22px;
    }
    .single-pricing-box .price {
      line-height: 45px;
      font-size: 45px;
    }
    .partner-area {
      padding-bottom: 70px;
    }
    .single-partner-item a {
      padding: 15px;
    }
    .blog-area {
      padding-bottom: 50px;
    }
    .blog-area .widget-area {
      margin-top: 10px;
      margin-bottom: 30px;
    }
    .single-blog-post .post-content h3 {
      font-size: 22px;
    }
    .blog-details-desc .article-content h3 {
      font-size: 22px;
    }
    .comments-area .comments-title {
      font-size: 22px;
    }
    .comments-area .comment-respond .comment-reply-title {
      font-size: 22px;
    }
    .subscribe-content .sub-title {
      font-size: 14px;
    }
    .subscribe-content h2 {
      font-size: 35px;
    }
    .page-title-area {
      height: 100%;
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .page-title-area .page-title-bg2 {
      background-position: center center;
    }
    .page-title-area .page-title-bg1 {
      background-position: center center;
    }
    .page-title-content {
      margin-top: 65px;
    }
    .page-title-content h2 {
      padding-bottom: 8px;
      font-size: 35px;
    }
    .page-title-content ul {
      margin-top: 15px;
    }
    .widget-area {
      margin-top: 40px;
    }
    .widget-area .widget .widget-title {
      font-size: 20px;
    }
    .widget-area .widget_aronix_posts_thumb .item .info .title {
      font-size: 16px;
      max-width: 305px;
    }
    .widget-area .widget_categories ul li {
      font-size: 15px;
    }
    .widget-area .widget_recent_comments ul li {
      font-size: 15px;
    }
    .widget-area .widget_recent_entries ul li {
      font-size: 15px;
    }
    .widget-area .widget_archive ul li {
      font-size: 15px;
    }
    .widget-area .widget_meta ul li {
      font-size: 15px;
    }
    .single-product-box .product-content h3 {
      font-size: 22px;
    }
    .product-details-desc {
      margin-top: 25px;
    }
    .product-details-desc h3 {
      font-size: 22px;
    }
    .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
      font-size: 22px;
    }
    .cart-totals h3 {
      margin-bottom: 20px;
      font-size: 22px;
    }
    .billing-details .title {
      font-size: 22px;
    }
    .order-details {
      margin-top: 30px;
    }
    .order-details .title {
      font-size: 22px;
    }
    .error-content img {
      max-width: 75%;
    }
    .error-content h3 {
      font-size: 35px;
      margin-top: 40px;
      margin-bottom: 10px;
    }
    .contact-area .section-title {
      margin-top: 50px;
    }
    .contact-info-box {
      margin-bottom: 30px;
    }
    .contact-info-box h3 {
      margin-bottom: 10px;
      font-size: 22px;
    }
    .footer-area {
      padding-top: 70px;
    }
    .single-footer-widget.pl-5, .single-footer-widget.px-5 {
      padding-left: 0 !important;
    }
    .single-footer-widget h3 {
      font-size: 22px;
    }
    .single-footer-widget .footer-contact-info li {
      padding-left: 46px;
      font-size: 13.5px;
    }
    .single-footer-widget .footer-contact-info li i {
      font-size: 30px;
    }
    .single-footer-widget .footer-contact-info li a {
      font-size: 20px;
    }
    .single-footer-widget .footer-quick-links {
      margin-top: -12px;
    }
    .single-footer-widget .footer-quick-links li {
      padding-top: 12px;
    }
    .copyright-area {
      margin-top: 40px;
    }
    .copyright-area p {
      font-size: 15px;
    }
    .copyright-area ul li {
      font-size: 15px;
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-modal .sidebar-modal-inner {
      width: 50%;
    }
    .main-banner-content h1 {
      font-size: 50px;
    }
    .main-banner-content p {
      font-size: 16px;
    }
    .main-banner-content .btn-box {
      margin-top: 20px;
    }
    .banner-content {
      margin-top: -10px;
    }
    .banner-content h1 {
      font-size: 50px;
    }
    .banner-content p {
      font-size: 16px;
    }
    .banner-content .btn-box {
      margin-top: 20px;
    }
    .banner-image img:nth-child(2) {
      top: 180px;
    }
    .banner-image img:nth-child(1) {
      bottom: -85px;
      left: 60px;
      width: 190px;
    }
    .hero-banner-content {
      max-width: 450px;
    }
    .hero-banner-content h1 {
      font-size: 50px;
    }
    .hero-banner-content p {
      font-size: 16px;
    }
    .hero-banner-content .btn-box {
      margin-top: 20px;
    }
    .hero-banner-image {
      margin-left: 0;
      margin-right: 0;
    }
    .hero-banner-image img:nth-child(2) {
      max-width: 165px;
    }
    .hero-banner-image img:nth-child(3) {
      max-width: 200px;
    }
    .hero-main-banner-content h1 {
      font-size: 50px;
    }
    .hero-main-banner-content p {
      font-size: 16px;
    }
    .hero-main-banner-content .btn-box {
      margin-top: 20px;
    }
    .hero-main-banner-image {
      right: 0;
    }
    .hero-main-banner-image img {
      display: none;
      position: relative;
    }
    .hero-main-banner-image img:last-child {
      display: inline-block;
    }
    .projects-details-desc .project-details-info {
      margin-left: -8px;
      margin-right: -8px;
    }
    .projects-details-desc .project-details-info .single-info-box {
      padding-right: 8px;
      padding-left: 8px;
    }
    .error-content img {
      max-width: 80%;
    }
  }
  
  @media only screen and (min-width: 1550px) {
    .main-banner {
      padding-top: 238px;
    }
  }
  /*# sourceMappingURL=responsive.css.map */