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

h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }

h3 {
    font-size: 20px;
  }

.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

.section-padding-02 {
    padding-top: 60px;
  }

.section-padding-03 {
    padding-top: 60px;
  }
  .section-title .title {
    font-size: 30px;
    line-height: 36px;
  }

.section-title2 .title {
    font-size: 28px;
    line-height: 36px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input {
    font-size: 16px;
    padding: 0 15px;
  }
  .search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-webkit-input-placeholder {
    font-size: 16px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-moz-placeholder {
    font-size: 16px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-moz-placeholder {
    font-size: 16px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-ms-input-placeholder {
    font-size: 16px;
  }

.site-hero-section,
  .site-hero-section img {
    height: 360px;
  }
  .site-hero-section .hero-content .sub-title {
    font-size: 14px;
    padding-right: 15px;
  }
  .site-hero-section .hero-content .sub-title span {
    font-size: 14px;
    padding: 0 14px;
    margin-right: 5px;
  }
  .site-hero-section .hero-content .title {
    font-size: 24px;
    line-height: 30px;
  }
  .site-hero-section .hero-content p {
    font-size: 18px;
  }
  .site-hero-section .hero-content .btn{
	font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    padding: 0 7px;
  }
  .site-hero-section .hero-images {
    padding-top: 50px;
  }
  .inner-page .site-hero-section {
    height: 0;
  }
  .choose-us-item-02.services {
    flex-direction: column;
  }
  .services img {
    max-width: 100% !important;
    order: 1;
  }
  .services .choose-us-content {
    order: 2;
  }

.site-hero-section-02 {
    padding-top: 150px;
  }
  .site-hero-section-02 .svg-shape {
    bottom: -18%;
    left: -55%;
  }
  .site-hero-section-02 .hero-content .sub-title {
    font-size: 20px;
  }
  .site-hero-section-02 .hero-content .title {
    font-size: 48px;
    line-height: 60px;
  }
  .site-hero-section-02 .hero-content .title::before {
    height: 180px;
  }

.site-hero-section-03 .shape-1 {
    top: -85%;
    left: -45%;
  }
  .site-hero-section-03 .shape-2 {
    left: -12%;
    top: -65%;
  }
  .site-hero-section-03 .shape-3 {
    right: -30%;
    bottom: -35%;
  }
  .site-hero-section-03 .shape-4 {
    display: none;
  }
  .site-hero-section-03 .hero-content .title {
    font-size: 40px;
    line-height: 50px;
  }
  .site-hero-section-03 .hero-content p {
    font-size: 18px;
    line-height: 30px;
  }

.site-hero-section-04 .shape-1 {
    left: -5%;
    top: 15%;
  }
  .site-hero-section-04 .shape-2 {
    right: -60px;
    bottom: -50px;
  }
  .site-hero-section-04 .hero-content .sub-title {
    font-size: 18px;
  }
  .site-hero-section-04 .hero-content .title {
    font-size: 80px;
    margin-top: 30px;
  }
  .site-hero-section-04 .hero-content p {
    font-size: 18px;
    line-height: 32px;
    margin-top: 40px;
  }

.site-hero-section-05 .site-hero-wrap .hero-content .title {
    font-size: 40px;
    line-height: 50px;
  }
  .site-hero-section-05 .site-hero-wrap .hero-content p {
    font-size: 18px;
  }

.site-hero-section-06 .hero-images {
    padding-top: 80px;
  }
  .site-hero-section-06 .hero-images .shape-1 {
    left: 0;
  }
  .site-hero-section-06 .hero-content .title {
    font-size: 40px;
    line-height: 50px;
  }
  .site-hero-section-06 .hero-content p {
    font-size: 20px;
    line-height: 32px;
  }

.service-content-wrap {
    padding-top: 20px;
  }

.site-service-section-02 .service-item-02 {
    padding: 40px 40px 45px;
  }

.site-service-section-04 .service-top .experience-wrap .shape-1 {
    width: 370px;
  }
  .site-service-section-04 .service-top .experience-wrap .experience {
    width: 325px;
    height: 325px;
    padding: 110px 0;
  }
  .site-service-section-04
    .service-top
    .experience-wrap
    .experience
    .number {
    font-size: 160px;
  }
  .site-service-section-04 .service-top .experience-wrap .experience span {
    font-size: 22px;
    margin-top: 70px;
  }
  .site-service-section-04 .service-bottom {
    padding-top: 30px;
  }

.site-service-section-05 .service-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
  .site-service-section-05 .service-item-04 .service-content .title {
    padding-right: 0;
  }
  .service-item-05 {
    padding: 40px 30px 45px;
  }

.site-service-section-07 {
    padding-bottom: 80px;
  }
  .site-service-section-07 .experience-wrap .shape-1 {
    left: 30px;
    top: -50px;
  }
  .site-service-section-07 .experience-wrap .experience {
    width: 325px;
    height: 325px;
    padding: 105px 70px;
  }
  .site-service-section-07 .experience-wrap .experience .number {
    font-size: 150px;
  }
  .site-service-section-07 .experience-wrap .experience span {
    font-size: 16px;
    margin-top: 50px;
  }
  .site-service-section-07 .service-content {
    margin-top: 120px;
  }

.site-cta-section-02 .cta-wrap {
    padding: 55px 60px;
  }

.site-cta-section-04 .cta-right .counter-item span {
    font-size: 42px;
  }
  .site-cta-section-05 .cta-wrap {
    padding: 70px;
  }
  .site-cta-section-05 .cta-wrap .cta-content .title {
    font-size: 36px;
    line-height: 48px;
  }

.site-cta-section-07 .cta-wrap {
    padding: 80px;
  }

.site-about-section-02 .about-02-left .section-title .title {
    font-size: 36px;
    line-height: 52px;
  }

.site-about-section-03 {
    padding-bottom: 150px;
  }
  .site-about-section-03 .about-content-03 {
    padding-right: 0;
  }
  .site-about-section-03 .about-img-warp-3 .shape-1 {
    left: 25px;
  }

.site-about-section-04 .play-btn-02 {
    left: 2%;
  }

.site-about-section-06 .about-img .shape-1 {
    top: -20%;
    left: 0;
  }

.site-about-section-07 .about-img-wrap .shape-1 {
    right: 40px;
    width: 370px;
  }
  .site-about-section-07
    .about-content-wrap
    .about-list-03
    .about-list-item-03 {
    padding-right: 0;
  }

.testimonial-wrap {
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .testimonial-wrap .testimonial-img .shape-1 {
    left: 15px;
  }

.site-testimonial-section-02 .single-testimonial-02 {
    width: 100%;
    text-align: center;
  }
  .site-testimonial-section-02 .single-testimonial-02 .testimonial-thumb {
    position: relative;
    text-align: center;
    left: 0;
    top: 0;
    padding-top: 40px;
    transform: translateY(0);
  }
  .site-testimonial-section-02 .single-testimonial-02 .testimonial-content {
    padding: 40px 45px;
  }
  .site-testimonial-section-03
    .single-testimonial-02
    .testimonial-thumb::before {
    left: 50%;
    top: 50%;
    transform: translate(-45%, -31%);
  }

.contact-info-section .contact-info-wrap .single-contact-info {
    padding: 50px 30px 60px;
  }
  .site-subscribe-section .subscribe-wrap .subscribe-form form button,
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    ) {
    height: 50px;
    line-height: 50px;
  }

.site-choose-us-section-03 {
    padding-top: 60px;
  }

.site-video-section .video-wrap .shape-2 {
    right: -53%;
  }
  .solution-item .solution-content {
    padding: 40px 35px 70px 40px;
  }

.solution-item.solution-item-big .solution-content .solution-title {
    padding-right: 0;
  }

.page-banner-section {
    min-height: 350px;
  }
  .page-banner-section .shape-1,
  .page-banner-section .shape-2,
  .page-banner-section .shape-3,
  .page-banner-section .shape-4 {
    display: none;
  }

.page-banner .title {
    font-size: 30px;
  }
  .single-blog-post.single-blog .blog-content {
    padding: 40px 30px 0;
  }

.single-blog-post.single-blog .blog-content .title {
    font-size: 30px;
  }

.blog-details-post .blog-details-content .site-post-pagination::before {
    width: auto;
    height: 1px;
    left: 30px;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }

.blog-details-post .blog-details-content .site-post-pagination .next-post,
  .blog-details-post
    .blog-details-content
    .site-post-pagination
    .previous-post {
    width: 100%;
  }
  .copyright-text {
    text-align: center;
  }
}

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

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }

.section-padding-02 {
    padding-top: 100px;
  }

.section-padding-03 {
    padding-top: 100px;
  }

.section-title2 .title {
    font-size: 36px;
    line-height: 48px;
  }

.header-logo a img {
    width: 130px;
  }
  .header-menu .main-menu li {
    padding: 30px 20px;
  }
  .search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input {
    padding: 0 35px;
    font-size: 20px;
  }
  .search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-webkit-input-placeholder {
    font-size: 20px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-moz-placeholder {
    font-size: 20px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-moz-placeholder {
    font-size: 20px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-ms-input-placeholder {
    font-size: 20px;
  }

.site-hero-section .hero-content .sub-title {
    font-size: 14px;
    padding-right: 15px;
  }
  .site-hero-section .hero-content p {
    padding-right: 0;
  }

.site-hero-section-02 {
    padding-bottom: 260px;
  }
  .site-hero-section-02 .svg-shape {
    bottom: -16%;
  }
  .site-hero-section-02 .hero-content .title {
    font-size: 58px;
    line-height: 70px;
  }
  .site-hero-section-02 .hero-content .title::before {
    height: 195px;
  }

.site-hero-section-03 {
    height: 850px;
  }
  .site-hero-section-03 .shape-1 {
    top: -65%;
    left: -20%;
  }
  .site-hero-section-03 .shape-2 {
    left: 4%;
    top: -48%;
  }
  .site-hero-section-03 .shape-3 {
    right: -16%;
    bottom: -26%;
  }
  .site-hero-section-03 .shape-4 {
    top: 25%;
    right: -61%;
  }
  .site-hero-section-03 .hero-content .title {
    font-size: 50px;
    line-height: 60px;
  }
  .site-hero-section-03 .hero-content p {
    font-size: 20px;
    line-height: 32px;
  }

.site-hero-section-04 {
    height: 920px;
  }
  .site-hero-section-04 .hero-content .title {
    font-size: 110px;
  }

.site-hero-section-05 .site-hero-wrap .hero-content .title {
    font-size: 50px;
    line-height: 60px;
  }
  .site-hero-section-05 .site-hero-wrap .hero-content p {
    font-size: 20px;
  }

.site-hero-section-06 .hero-images .shape-1 {
    left: 2%;
  }
  .site-hero-section-06 .hero-content {
    padding-top: 120px;
  }
  .site-hero-section-06 .hero-content .title {
    font-size: 50px;
    line-height: 60px;
  }

.service-item.service-01,
  .service-item.service-03,
  .site-service-section-02 .service-item-02.service-2,
  .site-service-section-02 .service-item-02.service-4 {
    margin-top: 30px;
  }

.site-service-section-04 .service-top .service-content {
    padding-right: 0;
  }
  .site-service-section-05 {
    padding-bottom: 120px;
  }

.site-service-section-07 .experience-wrap .shape-1 {
    left: 0;
    top: -28px;
  }
  .site-service-section-07 .experience-wrap .experience {
    padding: 130px 90px;
    left: 45px;
    top: 15px;
  }

.site-cta-section-03 .cta-wrap .cta-content,
  .site-cta-section-04 .cta-left {
    padding-right: 0;
  }
  .site-cta-section-04 .cta-right {
    margin-top: 65px;
  }
  .site-cta-section-04 .cta-right::before {
    width: 320px;
  }
  .site-cta-section-04 .cta-right::after {
    height: 240px;
  }

.site-cta-section-05 .cta-wrap {
    padding: 80px 75px;
  }

.site-cta-section-07 .cta-info .cta-text {
    margin-left: 0;
  }
  .site-about-section {
    padding-top: 165px;
  }
  .site-about-section .shape-1 {
    top: -60px;
  }
  .site-about-section .about-img-wrap .about-img.about-img-sm {
    right: -25px;
  }
  .site-about-section .about-img-wrap .about-img.about-img-sm .shape-01 {
    height: 190px;
    bottom: -228px;
  }
  .site-about-section .about-content-wrap {
    padding-left: 50px;
  }

.site-about-section-02 .about-02-right {
    padding-left: 80px;
  }

.site-about-section-03 {
    padding-bottom: 100px;
  }
  .site-about-section-03 .about-content-03 {
    padding-right: 40px;
  }

.site-about-section-04 .about-content-wrap {
    padding-right: 40px;
  }

.site-about-section-05 .about-content-wrap {
    padding-top: 80px;
  }
  .site-about-section-05 .about-content {
    padding-left: 60px;
  }

.site-about-section-06 {
    padding-bottom: 100px;
  }
  .site-about-section-06 .about-img .shape-1 {
    top: -13%;
  }
  .site-about-section-06 .about-img .image {
    padding-left: 30px;
  }
  .site-about-section-06 .about-content-wrap {
    padding-right: 0;
  }

.site-about-section-07 .about-img-wrap .shape-1 {
    right: 10px;
    bottom: -30px;
    width: 370px;
  }
  .site-about-section-07 .about-content-wrap {
    padding-left: 40px;
  }
  .site-about-section-07
    .about-content-wrap
    .about-list-03
    .about-list-item-03 {
    padding-right: 10px;
  }

.site-counter-section-02 .counter-wrap {
    padding: 15px 55px 75px;
  }
  .site-counter-section-02 .single-counter {
    margin-left: 0;
  }
  .site-counter-section-02 .single-counter::before {
    display: none;
  }

.testimonial-wrap .testimonial-img .shape-1 {
    left: -15px;
  }

.site-skill-section .skill-left {
    padding-right: 30px;
  }
  .site-skill-section .skill-right .experience .number {
    font-size: 150px;
  }

.site-skill-section-02 .skill-left {
    padding-right: 0;
  }

.site-skill-section-03 .skill-left {
    padding-right: 30px;
  }
  .site-skill-section-03 .skill-right {
    padding-right: 0;
  }

.site-contact-section .contact-wrap .contact-form {
    margin-left: 15px;
  }

.site-contact-section .contact-wrap .contact-form .contact-form-wrap {
    padding: 40px;
  }
  .site-contact-section
    .contact-wrap
    .contact-form
    .contact-form-wrap
    .heading-wrap
    .title {
    font-size: 32px;
    line-height: 48px;
  }

.contact-info-section .contact-info-wrap .single-contact-info {
    padding: 50px 40px 60px;
  }
  .contact-info-section
    .contact-info-wrap
    .single-contact-info
    .info-content
    p {
    font-size: 16px;
  }

.site-subscribe-section
    .subscribe-wrap
    .subscribe-content
    .subscribe-icon {
    width: 105px;
    height: 105px;
    line-height: 105px;
  }
  .site-subscribe-section .subscribe-wrap .subscribe-content .title {
    padding-left: 90px;
  }

.choose-us-item .choose-us-img .choose-us-content {
    padding: 40px 25px 40px 30px;
  }

.site-choose-us-section-02 {
    padding-bottom: 350px;
  }
  .site-choose-us-section-02 .choose-us-left {
    padding-right: 0;
  }

.site-choose-us-section-03 {
    padding-top: 100px;
  }

.single-blog .blog-content {
    padding: 25px 20px 40px;
    width: 95%;
  }
  .single-blog .blog-content .title {
    padding-right: 0;
  }

.site-features-section-02 .features-wrap-02 {
    margin-top: -90px;
  }
  .site-features-section-02 .features-item {
    padding: 40px 25px;
  }
  .site-features-section-02 .features-item .features-content {
    margin-left: 25px;
  }
  .site-features-section-02 .features-item .features-content .title {
    font-size: 22px;
  }

.site-video-section .video-wrap {
    padding-top: 110px;
    padding-bottom: 160px;
  }

.solution-item .solution-content {
    padding: 40px 60px 90px;
  }

.solution-item.solution-item-sm .solution-content {
    padding: 35px 25px 30px 30px;
  }

.page-banner-section {
    min-height: 520px;
  }
  .page-banner-section .shape-1 {
    left: -70%;
    top: -47%;
  }
  .page-banner-section .shape-2 {
    left: -30%;
    top: -55%;
  }
  .page-banner-section .shape-3 {
    right: -15%;
    bottom: -45%;
  }
  .page-banner-section .shape-4 {
    right: -50%;
    bottom: -130%;
  }

.page-banner .title {
    font-size: 48px;
  }

.blog-sidebar {
    margin-left: 15px;
  }

.blog-details-post .blog-details-content .blog-quote .blockquote {
    padding-right: 0;
  }
  .blog-details-post .blog-details-content .site-post-pagination {
    padding: 10px 20px;
  }

.blog-details-post
    .blog-details-content
    .site-post-pagination
    .blog-pagination-post {
    padding: 20px 0;
  }
  .blog-details-post
    .blog-details-content
    .site-post-pagination
    .blog-pagination-post
    .post-content {
    padding: 0 15px;
  }

.blog-details-post
    .blog-details-content
    .site-post-pagination
    .blog-pagination-post
    .post-content
    .title {
    font-size: 15px;
  }
}

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

.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }

.section-padding-02 {
    padding-top: 80px;
  }

.section-padding-03 {
    padding-top: 80px;
  }

.header-section {
    padding: 15px 0;
  }

.search-wrap .search-inner .search-cell .search-field-holder {
    width: 60%;
  }

.dropdown-cart {
    top: 56px !important;
  }

.site-hero-section .shape-2 {
    transform: skewY(-4deg);
    bottom: -75px;
  }
  .site-hero-section .hero-content {
    padding-top: 70px;
  }
  .site-hero-section .hero-images {
    padding-top: 50px;
  }

.site-hero-section-02 .svg-shape {
    left: -35%;
  }

.site-hero-section-03 {
    height: 560px;
  }
  .site-hero-section-03 .shape-1 {
    top: -79%;
    left: -30%;
  }
  .site-hero-section-03 .shape-2 {
    left: -4%;
    top: -59%;
  }
  .site-hero-section-03 .shape-4 {
    top: 17%;
    right: -73%;
  }

.site-hero-section-04 {
    height: 820px;
  }
  .site-hero-section-05 .site-hero-wrap {
    padding-top: 90px;
    padding-bottom: 120px;
  }
  .site-hero-section-05 .site-hero-wrap .hero-images .images {
    text-align: center;
    margin-top: 60px;
  }

.site-hero-section-06 .hero-content {
    padding-top: 40px;
  }
  .site-hero-section-06 .hero-images .shape-1 {
    left: 5%;
  }

.site-service-section-04 {
    padding-top: 100px;
  }
  .site-service-section-04 .service-top .experience-wrap .shape-1 {
    left: 50%;
    top: -35px;
    transform: translateX(-45%);
  }
  .site-service-section-04 .service-top .experience-wrap .experience {
    position: relative;
    margin: auto;
  }
  .site-service-section-04 .service-top .service-content {
    padding-top: 130px;
  }
  .site-service-section-04 .service-bottom {
    padding-top: 70px;
  }

.site-service-section-05 {
    padding-bottom: 100px;
  }
  .site-service-section-05 .service-wrap {
    padding-left: 70px;
    padding-right: 70px;
  }

.site-service-section-07 {
    padding-bottom: 100px;
  }
  .site-service-section-07 .experience-wrap .shape-1 {
    left: 115px;
    transform: translateX(-50%);
  }
  .site-service-section-07 .experience-wrap .experience {
    left: 0;
    position: relative;
    margin: 0 auto;
  }
  .site-service-section-07 .service-content {
    margin-top: 110px;
  }

.site-cta-section .cta-wrap .cta-icon {
    top: -40px;
  }
  .site-cta-section-02 .cta-wrap .cta-content {
    text-align: center;
    margin-top: 40px;
  }
  .site-cta-section-02 .cta-wrap .cta-content .cta-icon {
    left: 50%;
    transform: translateX(-50%);
  }
  .site-cta-section-02 .cta-wrap .cta-content p {
    padding-left: 0;
  }
  .site-cta-section-02 .cta-wrap .cta-btn {
    text-align: center;
    margin-top: 40px;
  }
  .site-cta-section-03 .cta-wrap {
    padding: 90px 75px;
  }
  .site-cta-section-03 .cta-wrap .cta-info {
    margin-top: 50px;
  }

.site-cta-section-06 .cta-info {
    margin-top: 50px;
  }
  .site-cta-section-06 .cta-info .cta-text {
    margin-left: 0;
  }
  .site-cta-section-07 .cta-info {
    margin-top: 50px;
  }
  .site-about-section {
    padding-top: 135px;
  }
  .site-about-section .about-content-wrap {
    padding-left: 0;
    margin-top: 50px;
  }

.site-about-section-02 .about-02-left {
    padding: 0;
  }
  .site-about-section-02 .about-02-right {
    padding-left: 0;
    margin-top: 50px;
  }
  .site-about-section-02 .about-02-right::before {
    display: none;
  }

.site-about-section-03 {
    padding-bottom: 180px;
  }
  .site-about-section-03 .about-content-03 {
    padding-right: 140px;
    margin-bottom: 60px;
  }
  .site-about-section-04 .about-img-wrap {
    margin-top: 60px;
  }
  .site-about-section-04 .play-btn-02 {
    left: 22%;
  }

.site-about-section-05 .about-content-wrap {
    padding-top: 60px;
  }
  .site-about-section-05 .about-img-wrap .about-img-big {
    text-align: center;
  }
  .site-about-section-05 .about-content {
    padding-left: 0;
    margin-top: 60px;
  }

.site-about-section-06 .about-img .shape-1 {
    top: -25%;
    left: 11%;
  }
  .site-about-section-06 .about-img .image {
    text-align: center;
    padding-left: 0;
  }
  .site-about-section-06 .about-content-wrap {
    margin-top: 150px;
  }
  .site-about-section-06 .about-content-wrap .about-list-wrap {
    padding-top: 30px;
  }

.site-about-section-07 .about-img-wrap {
    justify-content: center;
  }
  .site-about-section-07 .about-img-wrap .shape-1 {
    right: 75px;
    width: inherit;
  }
  .site-about-section-07 .about-content-wrap {
    padding-left: 0;
    padding-top: 60px;
  }
  .site-about-section-07
    .about-content-wrap
    .about-list-03
    .about-list-item-03 {
    padding-right: 40px;
  }

.testimonial-wrap {
    height: auto;
    padding-top: 90px;
  }
  .testimonial-wrap .testimonial-img {
    text-align: center;
  }
  .testimonial-wrap .testimonial-img .shape-1 {
    left: 75px;
  }
  .testimonial-wrap .testimonial-content-wrap {
    margin: 30px auto 0;
  }
  .testimonial-wrap .testimonial-content-wrap::before {
    display: none;
  }

.site-skill-section .skill-left {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .site-skill-section-02 .skill-right {
    padding-top: 20px;
  }

.site-skill-section-03 .skill-left {
    padding-right: 0;
  }
  .site-skill-section-03 .skill-left .about-author-info-wrap {
    margin-right: 0;
  }
  .site-contact-section .contact-wrap .contact-form {
    margin-left: 0;
    margin-top: 60px;
  }

.contact-info-section
    .contact-info-wrap
    .single-contact-info
    .info-content
    p {
    font-size: 18px;
  }
  .site-subscribe-section .subscribe-wrap {
    text-align: center;
    padding: 40px 90px;
  }
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-content
    .subscribe-icon {
    left: 50%;
    transform: translateX(-50%);
  }
  .site-subscribe-section .subscribe-wrap .subscribe-content .title {
    padding-left: 0;
    margin-top: 40px;
  }
  .site-subscribe-section .subscribe-wrap .subscribe-form {
    margin-top: 30px;
  }

.site-choose-us-section-02 .choose-us-right .faq-accordion {
    margin-top: 50px;
  }
  .site-choose-us-section-02 {
    padding-bottom: 330px;
  }
  .site-choose-us-section-02 .choose-us-right {
    padding-left: 0;
    padding-top: 15px;
  }

.site-choose-us-section-03 {
    padding-top: 80px;
  }

.features-wrap {
    margin-top: -130px;
  }

.site-video-section .video-wrap {
    padding-top: 100px;
    padding-bottom: 130px;
  }
  .site-video-section .video-wrap .shape-2 {
    right: -32%;
  }
  .site-pricing-section
    .pricing-wrap
    .pricing-content-wrap
    .single-pricing
    .pricing-price
    .currency {
    font-size: 25px;
  }

.site-pricing-section
    .pricing-wrap
    .pricing-content-wrap
    .single-pricing
    .pricing-price
    .price {
    font-size: 60px;
  }
  .site-pricing-section
    .pricing-wrap
    .pricing-content-wrap
    .single-pricing
    .pricing-content
    .pricing-btn
    .btn {
    padding: 0 30px;
    font-size: 16px;
  }
  .solution-item.solution-item-sm .solution-content {
    padding: 40px 45px 45px 55px;
  }

.page-banner-section {
    min-height: 450px;
  }
  .page-banner-section .shape-1 {
    left: -95%;
    top: -58%;
  }
  .page-banner-section .shape-2 {
    left: -41%;
    top: -79%;
  }
  .page-banner-section .shape-3 {
    right: -25%;
    bottom: -60%;
  }
  .page-banner-section .shape-4 {
    right: -90%;
    bottom: -125%;
  }

.blog-standard-wrap .blog-post-wrap {
    padding-right: 0;
  }
  .blog-sidebar {
    margin-left: 0;
  }
}

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

.search-wrap .search-inner .search-cell .search-field-holder {
    width: 80%;
  }
  .search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-webkit-input-placeholder {
    font-size: 14px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-moz-placeholder {
    font-size: 14px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input::-moz-placeholder {
    font-size: 14px;
  }

.search-wrap
    .search-inner
    .search-cell
    .search-field-holder
    .main-search-input:-ms-input-placeholder {
    font-size: 14px;
  }
  .offcanvas {
    width: 280px;
  }
  .site-hero-section .hero-images .images {
    bottom: -15px;
  }
  .site-hero-section-03 .shape-1,
  .site-hero-section-03 .shape-2,
  .site-hero-section-03 .shape-3 {
    display: none;
  }
  .site-hero-section-03 .hero-content .sub-title {
    font-size: 15px;
  }
  .site-hero-section-03 .hero-content .title {
    font-size: 32px;
    line-height: 42px;
  }

.site-hero-section-04 {
    height: 760px;
  }
  .site-hero-section-04 .shape-1,
  .site-hero-section-04 .shape-2 {
    display: none;
  }
  .site-hero-section-04 .hero-content .sub-title {
    font-size: 16px;
  }
  .site-hero-section-04 .hero-content .title {
    font-size: 60px;
    line-height: 1;
  }
  .site-hero-section-05 {
    padding: 0;
  }
  .site-hero-section-05 .site-hero-wrap .hero-content .title {
    font-size: 36px;
    line-height: 45px;
  }

.site-hero-section-06 .hero-content .title {
    font-size: 32px;
    line-height: 42px;
  }

.site-cta-section .cta-wrap {
    padding: 40px 90px;
  }

.site-cta-section-07 .cta-wrap {
    padding: 60px;
  }
  .site-cta-section-07 .cta-info .cta-text .number {
    font-size: 28px;
    line-height: 40px;
  }

.site-about-section {
    padding-top: 150px;
  }
  .site-about-section .about-img-wrap .about-img.about-img-big {
    padding-top: 0;
  }
  .site-about-section .about-img-wrap .about-img.about-img-sm {
    display: none;
  }
  .site-about-section-02 .about-02-left .section-title .title {
    font-size: 30px;
    line-height: 48px;
  }
  .site-about-section-03 {
    padding-bottom: 70px;
  }
  .site-about-section-03 .about-content-03 .about-quote {
    padding-right: 35px;
  }
  .site-about-section-03 .about-img-warp-3 .shape-1 {
    display: none;
  }
  .site-about-section-03 .about-img-warp-3 .about-img-big {
    text-align: center;
  }
  .site-about-section-03 .about-img-warp-3 .about-img-sm {
    display: none;
  }

.site-about-section-04 .about-content-wrap {
    padding-right: 0;
  }
  .site-about-section-04 .about-img-wrap {
    position: relative;
  }
  .site-about-section-04 .about-img-wrap .about-img-big {
    text-align: center;
  }
  .site-about-section-04 .about-img-wrap .about-img-sm {
    display: none;
  }
  .site-about-section-04 .play-btn-02 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .site-about-section-05 .about-img-wrap .about-img-sm {
    display: none;
  }

.site-about-section-06
    .about-content-wrap
    .about-list-wrap
    .about-list
    li
    a {
    font-size: 18px;
  }
  .site-about-section-06 .about-img .shape-1 {
    top: -10%;
  }
  .site-about-section-06 .about-content-wrap {
    margin-top: 110px;
  }
  .site-about-section-07 .about-img-wrap .shape-1 {
    display: none;
  }

.testimonial-wrap {
    padding-left: 35px;
    padding-right: 35px;
  }
  .testimonial-wrap .testimonial-content-wrap {
    padding: 50px 30px;
  }
  .brand-title {
    font-size: 20px;
  }

.site-skill-section .skill-right {
    padding-right: 0;
  }
  .site-skill-section
    .counter-bar
    .skill-item
    .skill-bar
    .bar-inner
    .progress-line
    .skill-percent {
    right: -15px;
  }

.site-skill-section-02 .skill-left .experience-wrap {
    flex-direction: column;
    gap: 25px;
  }
  .site-skill-section-02 .skill-left .experience-wrap .experience-text {
    margin-left: 0;
  }
  .site-contact-section
    .contact-wrap
    .contact-info
    ul
    li
    .contact-info-item
    .contact-info-icon
    i {
    font-size: 42px;
  }

.site-contact-section
    .contact-wrap
    .contact-form
    .contact-form-wrap
    .heading-wrap
    .title {
    font-size: 28px;
    line-height: 40px;
  }
  .site-contact-section
    .contact-wrap
    .contact-form
    .contact-form-wrap
    .form-btn
    .btn {
    padding: 0 45px;
  }

.site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    ) {
    padding-right: 20px;
  }
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    )::-webkit-input-placeholder {
    font-size: 16px;
  }
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    ):-moz-placeholder {
    font-size: 16px;
  }
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    )::-moz-placeholder {
    font-size: 16px;
  }
  .site-subscribe-section
    .subscribe-wrap
    .subscribe-form
    form
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(
      [type="file"]
    ):-ms-input-placeholder {
    font-size: 16px;
  }
  .site-subscribe-section .subscribe-wrap .subscribe-form form button {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .site-subscribe-section .subscribe-wrap {
    text-align: center;
    padding: 40px 30px;
  }

.single-blog .blog-content .blog-meta span {
    margin-right: 12px;
  }
  .site-video-section .video-wrap .shape-1,
  .site-video-section .video-wrap .shape-2,
  .site-video-section .video-wrap .shape-3 {
    display: none;
  }
  .site-pricing-section
    .pricing-wrap
    .pricing-content-wrap
    .single-pricing
    .pricing-badge
    .title {
    font-size: 24px;
  }

.solution-item .solution-content .solution-title .title {
    font-size: 20px;
  }
  .single-blog-post.single-blog .blog-content {
    padding: 25px 0 0;
    width: 100%;
    margin-top: 0;
  }

.single-blog-post.single-blog .blog-content .title {
    font-size: 26px;
  }
  .blog-details-post .blog-details-content .blog-quote::after {
    display: none;
  }

.blog-details-post .blog-details-content .blog-quote .blockquote {
    margin-left: 0;
  }
  .blog-details-post .blog-details-content .site-post-pagination {
    padding: 0 10px;
  }
  .blog-details-post
    .blog-details-content
    .site-post-pagination
    .blog-pagination-post
    .post-content {
    padding: 0 13px;
  }
}

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

.dropdown-cart {
    left: 0 !important;
    transform: translateX(-85%) !important;
  }

.site-hero-section .shape-2 {
    bottom: -110px;
  }
  .site-hero-section .hero-content .sub-title {
    padding-right: 20px;
  }
  .site-hero-section .hero-content .sub-title span {
    font-size: 14px;
    padding: 0 14px;
    margin-right: 5px;
  }

.site-hero-section-02 .hero-content .title {
    font-size: 70px;
    line-height: 80px;
  }
  .site-hero-section-02 .hero-content .title::before {
    height: 220px;
  }

.site-hero-section-03 .hero-content .title {
    font-size: 60px;
    line-height: 70px;
  }

.site-hero-section-04 {
    height: 960px;
  }
  .site-hero-section-04 .hero-content .title {
    font-size: 130px;
  }

.site-hero-section-06 .hero-images .shape-1 {
    left: 2%;
  }
  .site-hero-section-06 .hero-content .title {
    font-size: 60px;
    line-height: 70px;
  }

.service-item {
    padding: 30px 30px 40px;
  }
  .service-item .service-content .title {
    font-size: 22px;
    padding-right: 0;
  }

.site-service-section-05 .service-item-04 .service-content .title {
    padding-right: 30px;
  }
  .service-item-05 {
    padding: 40px 35px 45px;
  }

.site-service-section-07 .service-content {
    padding-right: 0;
  }

.site-cta-section-03 .cta-wrap .cta-content {
    padding-right: 30px;
  }

.site-about-section-03 .about-content-03 {
    padding-right: 60px;
  }

.site-testimonial-section-02 .single-testimonial-02 {
    margin: 0 auto;
  }

.site-testimonial-section-03 .single-testimonial-02 {
    margin: 0 auto;
  }

.site-contact-section .contact-wrap .contact-form {
    margin-left: 40px;
  }

.choose-us-item .choose-us-img .choose-us-content {
    padding-right: 40px;
  }

.site-features-section-02 .features-item {
    padding-right: 38px;
  }
  .site-features-section-02 .features-item .features-content {
    margin-left: 30px;
  }

.site-pricing-section .pricing-wrap .pricing-content-wrap .single-pricing {
    padding: 45px 30px 50px;
  }
  .site-pricing-section
    .pricing-wrap
    .pricing-content-wrap
    .single-pricing
    .pricing-content
    .pricing-btn
    .btn {
    margin-right: 15px;
  }

.footer-widget-about p {
    padding-right: 0;
  }
}

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

.dropdown-cart {
    left: 0 !important;
    transform: translateX(-72%) !important;
  }
  .site-hero-section .hero-content .sub-title {
    font-size: 11px;
  }
  .site-hero-section .hero-content .sub-title span {
    font-size: 12px;
    padding: 0 12px;
  }

.site-hero-section-02 .svg-shape {
    bottom: -18%;
    left: -55%;
  }
  .site-hero-section-02 .hero-content .title {
    font-size: 35px;
    line-height: 45px;
    padding-left: 25px;
  }
  .site-hero-section-02 .hero-content .title::before {
    height: 140px;
    width: 8px;
  }
  .site-hero-section-02 .hero-content .hero-play-btn a::before {
    left: 13%;
    width: 90px;
    height: 90px;
  }
  .site-hero-section-02 .hero-content .hero-play-btn .play-btn i {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
  .site-hero-section-02 .hero-content .hero-play-btn span {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin-left: 30px;
  }

.site-service-section-04 .service-top .experience-wrap .shape-1 {
    width: 320px;
    transform: translateX(-50%);
  }
  .site-service-section-04 .service-top .experience-wrap .experience {
    width: 290px;
    height: 290px;
    padding: 90px 0;
    left: 0;
    top: 0;
  }
  .site-service-section-04
    .service-top
    .experience-wrap
    .experience
    .number {
    font-size: 140px;
  }
  .site-service-section-04 .service-top .experience-wrap .experience span {
    font-size: 20px;
    margin-top: 50px;
  }
  .site-service-section-04 .service-top .service-content {
    padding-top: 100px;
  }

.site-service-section-07 .experience-wrap .shape-1 {
    width: 350px;
    left: 0;
    top: -25px;
  }
  .site-service-section-07 .experience-wrap .experience {
    width: 290px;
    height: 290px;
    padding: 80px 65px;
    left: 0;
    top: 0;
  }
  .site-service-section-07 .experience-wrap .experience .number {
    font-size: 140px;
  }
  .site-service-section-07 .experience-wrap .experience span {
    font-size: 16px;
  }
  .site-service-section-07 .service-content {
    margin-top: 85px;
  }

.site-cta-section .cta-wrap {
    padding: 40px 70px;
  }

.site-cta-section-02 .cta-wrap {
    padding: 55px 25px;
  }

.site-cta-section-03 .cta-wrap {
    padding: 70px 40px;
  }
  .site-cta-section-03 .cta-wrap .cta-info .number {
    font-size: 28px;
    line-height: 40px;
  }

.site-cta-section-05 .cta-wrap {
    padding: 70px 50px;
  }
  .site-cta-section-05 .cta-wrap .cta-content .title {
    font-size: 32px;
    line-height: 44px;
  }

.site-cta-section-07 .cta-wrap {
    padding: 45px;
  }

.about-author-info-wrap .about-info {
    padding-left: 20px;
    margin-left: 15px;
  }
  .about-author-info-wrap .about-info p {
    font-size: 15px;
  }

.site-about-section-06 .about-content-wrap {
    margin-top: 80px;
  }

.site-counter-section-02 .counter-wrap {
    padding: 15px 28px 75px;
  }

.site-case-study-section-02 .single-case-study-02 .case-study-content {
    bottom: 10px;
    left: 25px;
  }

.features-item {
    padding: 30px 25px 30px 30px;
  }
  .features-item .features-content {
    margin-left: 15px;
  }
  .features-item .features-content .title {
    font-size: 20px;
  }
  .site-features-section-02 .features-item {
    align-items: self-start;
    flex-direction: column;
    gap: 25px;
  }
  .site-features-section-02 .features-item .features-content {
    margin-left: 0;
  }

.solution-item .solution-content {
    padding: 40px 35px 45px;
  }
  .solution-item.solution-item-sm .solution-content {
    padding: 5px 30px 25px 25px;
  }
  .solution-item.solution-item-sm .solution-content .solution-title {
    padding-right: 0;
  }
}

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

.page-banner .breadcrumb .breadcrumb-item {
    font-size: 16px;
  }

.sidebar-wrap {
    border-left: none;
    height: auto;
    padding-top: 0;
  }
  .widget .widget-title {
    padding-left: 0;
  }
}