@media only screen and (max-width: 767px) {
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .section-title h2 {
        font-size: 25px;
        line-height: 38px;
    }
    .section-heading {
        margin-bottom: 25px;
    }
    .section-heading h2 {
        font-size: 25px;
    }
    .common-btn {
        font-size: 14px;
    }
    .read-more {
        font-size: 14px;
    }
    p {
        font-size: 15px;
    }
    /**/
    .cssload-preloader .cssload-preloader-box div {
        width: 25px;
        height: 40px;
        line-height: 40px;
    }
    .cssload-preloader .cssload-preloader-box div:nth-child(4) {
        margin-left: 0;
    }
    /* top header area responsive CSS */
    .top-header-area .container-fluid {
        max-width: 540px;
    }
    .top-header-area .top-header-info {
        text-align: center;
        margin-bottom: 5px;
    }
    .top-header-area .top-header-info ul li {
        font-size: 14px;
        padding-left: 0;
        margin-left: 0;
    }
    .top-header-area .top-header-info ul li::before {
        width: 0;
    }
    .top-header-area .top-header-info ul li a {
        font-size: 14px;
    }
    .top-header-area .top-header-social {
        text-align: center;
    }
    .top-header-area .top-header-social ul li {
        padding-left: 10px;
        margin-left: 5px;
    }
    .top-header-area .top-header-social ul li a {
        font-size: 16px;
    }
    /* wile navbar area responsive CSS */
    .wile-navbar .container-fluid {
        max-width: 540px;
    }
    .wile-navbar.style {
        top: 0;
    }
    .wile-navbar.style .container-fluid {
        max-width: 540px;
        border-radius: 0;
        padding: 25px 15px;
    }
    .wile-navbar .navbar-nav {
        padding-top: 20px;
    }
    .wile-navbar .navbar-nav .nav-item a {
        margin-right: 0;
        margin-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .wile-navbar .navbar-nav .nav-item a.dropdown-toggle::before {
        top: 7px;
    }
    .wile-navbar .navbar-nav .nav-item .dropdown-menu li a {
        padding-right: 15px;
    }
    .wile-navbar .collapse ul ul {
        background-color: transparent;
    }
    /* home three wile navbar area responsive CSS */
    .wile-navbar .container-fluid {
        padding: 25px 20px;
    }
    .wile-navbar.style-three .container-fluid {
        max-width: 540px;
        border-right: 0px solid #ffffff;
        border-left: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    .wile-navbar.style-three.sticky .container-fluid {
        background-color: #ffffff;
        border-right: 0px solid #ffffff;
        border-left: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    .wile-navbar .navbar-nav .nav-item .dropdown-menu {
        padding-top: 0;
    }
    .search-progress {
        padding-top: 15px;
    }
    .search-progress .phone {
        display: none;
    }
    .navbar-toggler {
        border: 1px solid #913bff !important;
    }
    .navbar-toggler:focus {
        box-shadow: 0 0 0 #3d8dfd;
    }
    /* banner area responsive CSS */
    .banner-area {
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .banner-area .container-fluid {
        max-width: 540px;
    }
    .banner-area .banner-content {
        margin-bottom: 30px;
    }
    .banner-area .banner-content h1 {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .banner-area .banner-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .banner-area .banner-image {
        text-align: center;
    }
    .banner-area .banner-image .banner-shape-3 {
        display: none;
    }
    .banner-area .banner-shape-1 {
        display: none;
    }
    .banner-area .banner-shape-2 {
        right: 0;
        bottom: 0;
        display: none;
    }
    .banner-area .banner-shape-4 {
        right: 0;
        display: none;
    }
    /* home two banner area responsive CSS */
    .banner-area-two {
        padding-top: 235px;
    }
    .banner-area-two .container-fluid {
        max-width: 540px;
    }
    .banner-area-two .banner-content {
        margin-bottom: 30px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .banner-area-two .banner-content p {
        font-size: 16px;
    }
    .banner-area-two .banner-content .banner-btn .modal-btn {
        margin-right: 10px;
    }
    .banner-area-two .banner-content .banner-btn .modal-btn p {
        margin-right: 5px;
        font-size: 14px;
    }
    .banner-area-two .banner-image .banner-two {
        margin-left: 0;
    }
    /* home three banner area responsive CSS */
    .banner-area-three {
        padding-top: 250px;
        padding-bottom: 50px;
    }
    .banner-area-three .container-fluid {
        max-width: 540px;
    }
    .banner-area-three .banner-content {
        margin-bottom: 30px;
    }
    .banner-area-three .banner-content h1 {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .banner-area-three .banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .banner-area-three .banner-content .banner-shape-7 {
        top: 0;
        left: 0;
        display: none;
    }
    .banner-area-three .banner-content .banner-shape-8 {
        left: 0;
        bottom: 0;
        display: none;
    }
    .banner-area-three .banner-image {
        text-align: center;
        margin-right: 0;
    }
    .banner-area-three .banner-shape-6 {
        display: none;
    }
    .banner-area-three .banner-shape-9 {
        display: none;
    }
    /* home two features area responsive CSS */
    .single-features {
        padding: 30px 30px;
    }
    .single-features .features-icon {
        margin-bottom: 20px;
    }
    .single-features h3 {
        font-size: 20px;
    }
    /* home three features area responsive CSS */
    .features-area-three {
        padding-top: 50px;
    }
    .features-area-three .features-top {
        text-align: center;
        margin-bottom: 25px;
    }
    .features-area-three .features-top .section-heading {
        margin-bottom: 15px;
    }
    .features-area-three .features-top .service-btn {
        text-align: center;
    }
    .features-area-three .service-shape-2 {
        display: none;
    }
    .features-card {
        padding: 30px 30px;
    }
    .features-card .features-icon {
        margin-bottom: 20px;
    }
    .single-features-card {
        padding: 30px 30px;
    }
    .single-features-card .features-icon {
        margin-bottom: 20px;
    }
    .single-features-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .single-features-card .features-shape {
        max-width: 80px;
    }
    /* services area responsive CSS */
    .services-area {
        padding-bottom: 100px;
    }
    .services-area .section-heading {
        margin-bottom: 25px;
    }
    .services-area .section-heading h2 {
        font-size: 25px;
    }
    .services-area .service-card .services-image {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .services-area .service-card .services-image::before {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #ffffff;
    }
    .services-area .service-card .service-card-info {
        padding: 0 30px 30px 30px;
    }
    .services-area .service-card .service-card-info h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .services-area .service-slider-content .swiper-slider-arrow {
        position: relative;
        top: 50%;
        right: 0;
        left: 0;
        bottom: -25px;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: 60px;
        left: 0;
        margin: auto;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: 0;
        margin: auto;
    }
    .services-card {
        padding: 30px 30px;
    }
    .services-card .service-icon {
        margin-bottom: 20px;
    }
    .services-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .services-card p {
        margin-bottom: 10px;
    }
    /* about area responsive CSS */
    .about-area {
        padding-top: 30px;
    }
    .about-area .about-image {
        text-align: center;
    }
    .about-area .about-image .about-one {
        margin-bottom: 30px;
    }
    .about-area .about-image .about-images .about-three {
        margin-bottom: 25px;
    }
    .about-area .about-content {
        margin-right: 0;
        margin-left: 0;
    }
    .about-area .about-content .section-heading {
        margin-bottom: 18px;
    }
    .about-area .about-content .section-heading h2 {
        line-height: 38px;
        margin-bottom: 10px;
    }
    .about-area .about-content .single-about {
        margin-bottom: 15px;
    }
    .about-area .about-content .single-about h3 {
        margin-bottom: 10px;
    }
    .about-area .about-content .common-btn {
        margin-top: 15px;
    }
    .about-area .about-shape-2 {
        display: none;
    }
    .about-area .about-shape-3 {
        display: none;
    }
    /* home two about area responsive CSS */
    .about-us-area .about-us-image {
        margin-bottom: 25px;
    }
    .about-us-area .about-us-info {
        margin-right: 0;
    }
    .about-us-area .about-us-info .section-heading {
        margin-bottom: 20px;
    }
    .about-us-area .about-us-info .section-heading h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .about-us-area .about-us-info .about-large {
        margin-bottom: 20px;
    }
    .about-us-area .about-us-info .about-large .about-card {
        margin-bottom: 10px;
    }
    .about-us-area .about-us-info .about-large .about-card h4 {
        font-size: 16px;
        margin-right: 10px;
    }
    /* home three about area responsive CSS */
    .about-area-style .about-image .about-two {
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .about-area-style .about-image .about-four {
        border-radius: 5px;
        margin-bottom: 25px;
    }
    .about-area-style .about-content {
        margin-right: 0;
    }
    .about-area-style .about-content .section-heading h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .about-area-style .about-content ul li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .about-area-style .about-content ul li i {
        font-size: 20px;
    }
    .about-area-style .about-content .common-btn {
        margin-top: 25px;
    }
    /* fun fact area responsive CSS */
    .fun-fact-area .fun-fact .data {
        width: 50%;
        text-align: center;
    }
    .fun-fact-area .fun-fact .data h3 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .fun-fact-area .fun-fact .data p {
        font-size: 15px;
    }
    .fun-fact-area .fun-fact-1 {
        display: none;
    }
    /* home two fun fact area responsive CSS */
    .fun-fact-area-style .fun-fact .data {
        width: 100%;
    }
    .fun-fact-area-style .fun-fact .data .content {
        padding: 15px;
    }
    .fun-fact-area-style .fun-fact .data .content h3 {
        font-size: 40px;
    }
    .fun-fact-area-style .fun-fact .data .content p {
        font-size: 16px;
    }
    /* analysis area responsive CSS */
    .analysis-area .analysis-content {
        margin-bottom: 30px;
    }
    .analysis-area .analysis-content .earned {
        margin-bottom: 15px;
    }
    .analysis-area .analysis-content .earned h3 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .analysis-area .analysis-content .analysis-card {
        padding: 10px 12px 10px 15px;
    }
    .analysis-area .analysis-content .analysis-card.d-flex {
        display: block !important;
    }
    .analysis-area .analysis-content .analysis-card .user-image-1 {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
    }
    .analysis-area .analysis-content .analysis-card .analysis-card-info {
        margin-right: 0;
    }
    .analysis-area .analysis-content .analysis-card .analysis-card-info h3 {
        font-size: 18px;
    }
    .analysis-area .analysis-content .analysis-card .analysis-card-info h3 span {
        font-size: 14px;
    }
    .analysis-area .analysis-image {
        text-align: center;
        margin-right: 0;
    }
    /* product area responsive CSS */
    .product-area .product-card .info {
        padding: 20px 0 0 20px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        left: 0;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        right: 0;
    }
    /* business area responsive CSS */
    .business-area .business-image {
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .business-area .business-info {
        margin-right: 0;
        margin-left: 0;
    }
    .business-area .business-info .section-heading h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .business-area .business-info .business-card {
        padding-right: 0;
    }
    .business-area .business-info .business-card h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .business-area .business-info .business-card .icon {
        position: relative;
        margin-bottom: 15px;
    }
    /* newsletter area responsive CSS */
    .newsletter-area .section-heading {
        text-align: center;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .newsletter-area .section-heading h2 {
        font-size: 25px;
        line-height: 38px;
    }
    .newsletter-area form {
        margin-right: 0;
    }
    .newsletter-area form .form-control {
        padding: 15px;
    }
    .newsletter-area form .newsletter-btn {
        text-align: center;
        margin-top: 10px;
    }
    .newsletter-area form .newsletter-btn .common-btn {
        width: 100%;
    }
    .newsletter-area .newsletter-shape-1 {
        display: none;
    }
    .newsletter-area .newsletter-shape-2 {
        display: none;
    }
    /* home three subscribe area responsive CSS */
    .subscribe-area .subscribe {
        padding-top: 50px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 50px;
    }
    .subscribe-area .section-heading h2 {
        text-align: center;
    }
    .subscribe-area form {
        margin-right: 0;
    }
    .subscribe-area form .form-group .form-control {
        padding: 15px;
        height: 55px;
    }
    .subscribe-area form .form-group .common-btn {
        position: relative;
        top: 10px;
        left: 0;
        width: 100%;
    }
    .subscribe-area form .newsletter-shape-6 {
        top: 0;
        left: 0;
        display: none;
    }
    /* customer area responsive CSS */
    .customer-area {
        padding-bottom: 100px;
    }
    .customer-area .section-title {
        margin-bottom: 0;
    }
    .customer-area .swiper-wrapper {
        margin-top: 35px;
    }
    .mySwiperOne .swiper-slide {
        margin-bottom: 30px;
    }
    .mySwiperOne .slider-button {
        padding: 12px 12px 12px 40px;
    }
    .mySwiperOne .slider-button .info {
        padding-right: 15px;
    }
    .mySwiperOne .slider-button .user-image-two {
        max-width: 70px;
    }
    .mySwiperTwo .content .icon {
        font-size: 35px;
    }
    .mySwiperTwo .content p {
        font-size: 17px;
    }
    .customer-slider-content .swiper-slider-arrow {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: 60px;
        left: 0;
        margin: auto;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        right: 0;
        left: 60px;
        margin: auto;
    }
    .customer-slider-content .customer-shape-1 {
        display: none;
    }
    .customer-slider-content .customer-shape-2 {
        display: none;
    }
    /* blog area responsive CSS */
    .blog-area .single-blog .blog-image-2 {
        max-width: 100%;
    }
    .blog-card ul li {
        font-size: 15px;
        padding-left: 10px;
        margin-left: 5px;
    }
    .blog-card ul li::before {
        top: 3px;
    }
    .blog-card h3 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
        margin-bottom: 12px;
    }
    .single-blog .d-flex {
        display: block !important;
    }
    .single-blog .d-flex .info {
        padding-top: 25px;
        padding-right: 0;
    }
    .single-blog .d-flex .info ul li {
        font-size: 15px;
        padding-left: 10px;
        margin-left: 5px;
    }
    .single-blog .d-flex .info ul li::before {
        top: 3px;
    }
    .single-blog .d-flex .info h3 {
        font-size: 18px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .blog-area.three .blog-card ul li::before {
        top: 6px;
    }
    /* footer area responsive CSS */
    .footer-area .footer-widget .footer-logo {
        margin-bottom: 20px;
    }
    .footer-area .footer-widget p {
        margin-bottom: 25px;
    }
    .footer-area .footer-widget-style h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .footer-area .footer-widget-style ul li {
        margin-bottom: 10px;
    }
    .footer-area .col-lg-2:nth-child(2) .footer-widget-style {
        margin-right: 0;
    }
    /* home two feedback area responsive CSS */
    .feedback-area::before {
        width: 100%;
    }
    .feedback-area .feedback .section-heading {
        margin-bottom: 20px;
        text-align: center;
    }
    .feedback-area .feedback .section-heading h2 {
        font-size: 20px;
    }
    .feedback-area .feedback-info .card-slide {
        padding: 15px;
    }
    .feedback-area .feedback-info .card-slide .name {
        margin-bottom: 15px;
    }
    .feedback-area .feedback-info .card-slide .name img {
        width: 60px;
        height: 60px;
    }
    .feedback-area .feedback-info .card-slide .name h4 {
        font-size: 18px;
    }
    .feedback-area .feedback-info .card-slide .name span {
        font-size: 14px;
    }
    .feedback-area .feedback-info .card-slide .name i {
        font-size: 50px;
    }
    .feedback-slider-item .swiper-slider-arrow {
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
    }
    .feedback-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: 0;
        left: 60px;
        margin: auto;
    }
    .feedback-slider-item .swiper-slider-arrow .swiper-button-next {
        left: 0;
        right: 60px;
        margin: auto;
    }
    /* home two skill area responsive CSS */
    .skill-area .section-heading h2 {
        font-size: 24px;
    }
    .skill-info .skills .skill-item {
        margin-bottom: 20px;
    }
    .skill-info .skills .skill-item .skill-header .skill-title {
        font-size: 16px;
    }
    .skill-info .skills .skill-item .skill-header .skill-percentage {
        font-size: 16px;
    }
    /* home two testimonials area responsive CSS */
    .testimonials-area {
        padding-bottom: 100px;
    }
    .testimonials-area .testimonial-card {
        padding: 20px 15px;
    }
    .testimonials-area .testimonial-card ul li {
        margin-bottom: 10px;
    }
    .testimonials-area .testimonial-card .patients-content p {
        margin-bottom: 20px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img img {
        width: 60px;
        height: 60px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img h4 {
        font-size: 18px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img span {
        font-size: 14px;
    }
    .testimonials-area .testimonial-card .patients-content .quote-icon {
        max-width: 30px;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: 60px;
        left: 0;
        margin: auto;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: 0;
        margin: auto;
    }
    /* home two experience area responsive CSS */
    .experience-area .experience {
        margin-bottom: 50px;
    }
    .experience-area .experience-image::before {
        border-radius: 10px;
    }
    .experience-area .experience-image .background-image-three {
        border-radius: 10px;
    }
    .experience-area .experience-image .modal-btn p {
        font-size: 14px;
        margin-top: 10px;
    }
    .experience-area .experience-image .modal-btn .popup-btn {
        width: 55px;
        height: 55px;
        line-height: 62px;
        padding-right: 4px;
    }
    .experience-area .experience-image .modal-btn .popup-btn i {
        font-size: 20px;
    }
    /* home two solution area responsive CSS */
    .solution-area .solution-content {
        margin-bottom: 30px;
    }
    .solution-area .solution-content .single-solution .solution-warp h4 {
        font-size: 15px;
    }
    .solution-area .solution-content .common-btn {
        margin-top: 10px;
    }
    .solution-area .solution-content .solution-shape-2 {
        left: 0;
        bottom: 0;
        display: none;
    }
    .solution-area .solution-image {
        text-align: center;
        margin-right: 0;
    }
    .solution-area .solution-image .solution-shape-3 {
        display: none;
    }
    /* page banner area responsive CSS */
    .page-banner-area {
        padding-top: 270px;
        padding-bottom: 60px;
    }
    .page-banner-area .page-heading h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .page-banner-area .page-heading ul li {
        padding-left: 14px;
        font-size: 14px;
    }
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
        display: none;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
        display: none;
    }
    /* service details page responsive CSS */
    .service-details-content {
        margin-right: 0;
    }
    .service-details-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .service-details-content .section-heading h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .service-details-content .ratio-success .success-card {
        padding: 30px;
    }
    .service-details-content .ratio-success .success-card .progress-color {
        position: relative;
        top: 10px;
        left: 0;
    }
    .service-details-content .ratio-success .success-card .progress-color .radial-progress-bar .radial-progress-bar__percentages {
        width: 70px;
        height: 70px;
    }
    .service-details-content .ratio-success .success-card .progress-color .radial-progress-bar .radial-progress-bar__curve {
        width: 70px;
        height: 70px;
    }
    .service-details-content .ratio-success .success-card .progress-color .radial-progress-bar .radial-progress-bar__curve .radial-progress-bar__half {
        width: 70px;
        height: 70px;
    }
    .service-details-content .ratio-success .success-card .progress-color .radial-progress-bar .radial-progress-bar__curve .radial-progress-bar__half--first {
        transform: rotate(-177deg);
    }
    /**/
    .necessary {
        padding: 30px 30px 30px 30px;
        margin-bottom: 30px;
    }
    /* project details page responsive CSS */
    .project-details-area .project-details {
        margin-left: 0;
    }
    .project-details-area .project-details .project-details-card h3 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .project-details-area .project-details .project-details-card .batter-solution {
        margin-bottom: 20px;
    }
    .project-details-area .project-details .project-details-card .processing-system {
        margin-top: 20px;
    }
    .project-details-area .project-details .project-details-card .processing-system h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    /* blog details page responsive CSS */
    .blog-details {
        margin-right: 0;
    }
    .blog-details .blog-card .blog-card-content h3 {
        font-size: 21px;
        line-height: 34px;
        margin-left: 0;
    }
    .blog-details .security h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog-details .technology h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog-details .treatment .tags {
        text-align: center;
        margin-bottom: 10px;
    }
    .blog-details .treatment .share {
        text-align: center;
    }
    .blog-details .treatment .share ul li {
        margin-left: 5px;
    }
    .analysis-card {
        padding: 15px 15px 15px 15px;
    }
    .analysis-card.d-flex {
        display: block !important;
    }
    .analysis-card.d-flex .user-image-1 {
        width: 100px;
        height: 90px;
        margin-bottom: 15px;
    }
    .analysis-card.d-flex .analysis-card-info {
        margin-right: 0;
    }
    .analysis-card.d-flex .analysis-card-info h3 {
        margin-bottom: 5px;
    }
    .analysis-card.d-flex .analysis-card-info p {
        font-size: 14px;
    }
    /**/
    .popular-post {
        padding: 25px 20px;
    }
    .popular-post .single-recent-post .thumb {
        width: 80px;
        height: 80px;
    }
    .popular-post .single-recent-post .thumb .full-image {
        width: 80px;
        height: 80px;
    }
    .popular-post .single-recent-post h5 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    /**/
    .tags {
        padding: 20px 20px 15px 20px;
        margin-bottom: 30px;
    }
    .tags ul li a {
        padding: 6px 10px;
    }
    /**/
    .category {
        padding: 25px 25px;
    }
    .category ul li i {
        padding-right: 0;
    }
    /**/
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
    }
    /**/
    .business-area .business-shape-2 {
        display: none;
    }
    /**/
    .pricing-area .pricing-card h3 {
        margin-bottom: 15px;
    }
    .pricing-area .pricing-card h2 {
        margin-bottom: 20px;
    }
    .pricing-area .pricing-card .icon {
        margin-bottom: 20px;
    }
    .pricing-area .pricing-card .content ul li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .pricing-area .pricing-card .pricing-btn {
        font-size: 16px;
        margin-top: 25px;
    }
    /**/
    .contact-area .contact {
        margin-left: 0;
    }
    .contact-area .contact .form {
        padding: 20px 20px;
    }
    .contact-area .contact .form::before {
        top: 0;
        right: 0;
    }
    .contact-area .contact .form h3 {
        font-size: 25px;
        margin-bottom: 25px;
    }
    .contact-area .contact .form .form-control {
        height: 50px;
        padding: 15px;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .contact-area .contact-image {
        display: none;
    }
    /**/
    .contact-us-area .number-card {
        padding: 20px 15px;
    }
    .contact-us-area .number-card .number .location {
        padding-right: 95px;
    }
    .contact-us-area .number-card .number .location a {
        font-size: 14px;
    }
    .contact-us-area .number-card .number .location span {
        font-size: 14px;
    }
    /* about page responsive CSS */
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: 5px;
    }
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-next {
        left: 5px;
    }
    /* my account page */
    .login-form {
        padding: 20px;
        margin-bottom: 30px;
    }
    .login-form h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .login-form form .form-group {
        margin-bottom: 20px;
    }
    .login-form form .form-group label {
        font-size: 14px;
    }
    .login-form form .form-group .form-control {
        height: 50px;
    }
    .login-form form .lost-your-password {
        text-align: start;
    }
    .register-form {
        padding: 20px;
    }
    .register-form h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .register-form form .form-group {
        margin-bottom: 20px;
    }
    .register-form form .form-group label {
        font-size: 14px;
    }
    /**/
    .error-area .error-content-wrap h1 {
        font-size: 90px;
        margin-bottom: 0;
    }
    .error-area .error-content-wrap h3 {
        margin: 20px 0 0;
    }
    .visitors-info.terms .hospital-visitors {
        margin-bottom: 20px;
    }
    .visitors-info.terms .hospital-visitors h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .privacy-policy-area .privacy-policy-wrap .privacy-content {
        margin-bottom: 20px;
    }
    .privacy-policy-area .privacy-policy-wrap .privacy-content h3 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 12px;
    }
    .download-company .download .icon-report {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .pb-100 {
        padding-bottom: 60px;
    }
    .pb-70 {
        padding-bottom: 30px;
    }
    .section-title {
        max-width: 500px;
        margin-bottom: 25px;
    }
    .section-title h2 {
        font-size: 30px;
        line-height: 44px;
    }
    .section-heading {
        margin-bottom: 30px;
    }
    .section-heading h2 {
        font-size: 30px;
    }
    .common-btn {
        font-size: 15px;
    }
    .read-more {
        font-size: 15px;
    }
    p {
        font-size: 14px;
    }
    /* top header area responsive CSS */
    .top-header-area .container-fluid {
        max-width: 720px;
    }
    .top-header-area .top-header-info ul li {
        font-size: 14px;
        padding-left: 10px;
        margin-left: 5px;
    }
    .top-header-area .top-header-info ul li a {
        font-size: 14px;
    }
    .top-header-area .top-header-info ul li::before {
        top: 3px;
    }
    .top-header-area .top-header-social ul li {
        padding-left: 10px;
        margin-left: 5px;
    }
    .top-header-area .top-header-social ul li a {
        font-size: 16px;
    }
    /* wile navbar area responsive CSS */
    .wile-navbar .container-fluid {
        max-width: 720px;
    }
    .wile-navbar.sticky .container-fluid {
        box-shadow: none;
    }
    .wile-navbar.style {
        top: 0;
        background-color: #ffffff;
    }
    .wile-navbar.style .container-fluid {
        max-width: 720px;
        border-radius: 0;
        padding: 25px 15px;
        box-shadow: none;
    }
    .wile-navbar .navbar-nav {
        padding-top: 10px;
    }
    .wile-navbar .navbar-nav .nav-item a {
        margin-right: 0;
        margin-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .wile-navbar .navbar-nav .nav-item a.dropdown-toggle::before {
        top: 7px;
    }
    /* home three wile navbar area responsive CSS */
    .wile-navbar .container-fluid {
        padding: 25px 20px;
    }
    .wile-navbar.style-three.sticky .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
    .wile-navbar .navbar-nav .nav-item .dropdown-menu {
        padding-top: 5px;
    }
    .search-progress {
        padding-top: 15px;
    }
    .search-progress .phone {
        display: none;
    }
    .navbar-toggler {
        border: 1px solid #913bff !important;
    }
    .navbar-toggler:focus {
        box-shadow: 0 0 0 #3d8dfd;
    }
    /* banner area responsive CSS */
    .banner-area {
        padding-top: 140px;
        padding-bottom: 60px;
    }
    .banner-area .container-fluid {
        max-width: 720px;
    }
    .banner-area .banner-content {
        max-width: 645px;
        margin-bottom: 30px;
    }
    .banner-area .banner-content h1 {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 12px;
    }
    .banner-area .banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .banner-area .banner-image {
        text-align: center;
    }
    .banner-area .banner-shape-1 {
        display: none;
    }
    .banner-area .banner-shape-2 {
        right: 0;
        bottom: 0;
        display: none;
    }
    .banner-area .banner-shape-3 {
        display: none;
    }
    .banner-area .banner-shape-4 {
        right: 0;
        display: none;
    }
    /* home two banner area responsive CSS */
    .banner-area-two .container-fluid {
        max-width: 720px;
    }
    .banner-area-two .banner-content {
        max-width: 600px;
        margin-bottom: 30px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 35px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .banner-area-two .banner-content p {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .banner-area-two .banner-image {
        text-align: center;
    }
    /* home three banner area responsive CSS */
    .banner-area-three {
        padding-top: 205px;
    }
    .banner-area-three .container-fluid {
        max-width: 720px;
    }
    .banner-area-three .banner-content {
        max-width: 630px;
        margin-bottom: 30px;
    }
    .banner-area-three .banner-content h1 {
        font-size: 50px;
        line-height: 68px;
        margin-bottom: 10px;
    }
    .banner-area-three .banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .banner-area-three .banner-content .banner-shape-7 {
        top: 0;
        left: 0;
        display: none;
    }
    .banner-area-three .banner-content .banner-shape-8 {
        left: 0;
        bottom: 0;
        display: none;
    }
    .banner-area-three .banner-image {
        margin-right: 0;
        text-align: center;
    }
    /* home two features area responsive CSS */
    .single-features {
        padding: 25px 20px;
    }
    .single-features .features-icon {
        margin-bottom: 20px;
    }
    .single-features h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    /* home three features area responsive CSS */
    .features-area-three {
        padding-top: 60px;
    }
    .features-area-three .service-shape-2 {
        top: 0;
        left: 0;
        display: none;
    }
    .single-features-card {
        padding: 35px 30px;
    }
    /* services area responsive CSS */
    .services-area .section-heading {
        margin-bottom: 30px;
    }
    .services-area .section-heading h2 {
        font-size: 30px;
    }
    .services-area .service-card .services-image {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .services-area .service-card .services-image::before {
        border: 0px solid #ffffff;
    }
    .services-area .service-card .service-card-info h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .services-area .service-slider-content .swiper-slider-arrow {
        top: -55px;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: auto;
    }
    /* home two services area responsive CSS */
    .services-card .service-icon {
        margin-bottom: 20px;
    }
    .services-card h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .services-card p {
        margin-bottom: 10px;
    }
    /* solution area responsive CSS */
    .solution-area .solution-content {
        margin-bottom: 30px;
    }
    .solution-area .solution-image {
        text-align: center;
        margin-right: 0;
    }
    .solution-area .solution-image .solution-shape-3 {
        display: none;
    }
    /* about area responsive CSS */
    .about-area .about-image {
        margin-bottom: 30px;
    }
    .about-area .about-content {
        max-width: 610px;
        margin-right: 0;
        margin-left: 0;
    }
    .about-area .about-content .section-heading {
        margin-bottom: 20px;
    }
    .about-area .about-content .section-heading h2 {
        line-height: 40px;
        margin-bottom: 10px;
    }
    .about-area .about-content .single-about h3 {
        margin-bottom: 10px;
    }
    .about-area .about-content .common-btn {
        margin-top: 25px;
    }
    .about-area .about-shape-3 {
        left: 70px;
        bottom: 70px;
    }
    /* home two about area responsive CSS */
    .about-us-area .about-us-image {
        margin-bottom: 30px;
    }
    .about-us-area .about-us-info {
        margin-right: 0;
    }
    .about-us-area .about-us-info .section-heading {
        margin-bottom: 20px;
    }
    .about-us-area .about-us-info .section-heading h2 {
        margin-bottom: 10px;
    }
    .about-us-area .about-us-info .about-large {
        margin-bottom: 20px;
    }
    .about-us-area .about-us-info .about-large .about-card {
        margin-bottom: 15px;
    }
    .about-us-area .about-us-info .about-large .about-card h4 {
        margin-right: 10px;
    }
    /* home three about area responsive CSS */
    .about-area-style .about-image {
        margin-bottom: 30px;
    }
    .about-area-style .about-content {
        margin-right: 0;
    }
    /* map area responsive CSS */
    .map-area .container {
        max-width: 720px;
    }
    /* fun fact area responsive CSS */
    .fun-fact-area .fun-fact .data {
        width: 26%;
    }
    .fun-fact-area .fun-fact .data h3 {
        font-size: 50px;
        margin-bottom: 10px;
    }
    .fun-fact-area .fun-fact .data p {
        font-size: 16px;
    }
    /* home two fun fact area responsive CSS */
    .fun-fact-area-style .fun-fact .data {
        width: 33%;
    }
    .fun-fact-area-style .fun-fact .data .content {
        padding: 25px;
    }
    .fun-fact-area-style .fun-fact .data .content h3 {
        font-size: 35px;
    }
    .fun-fact-area-style .fun-fact .data .content p {
        font-size: 16px;
    }
    /* experience area responsive CSS */
    .experience-area .experience {
        margin-bottom: 60px;
    }
    /* analysis area responsive CSS */
    .analysis-area .analysis-content {
        margin-bottom: 30px;
    }
    .analysis-area .analysis-image {
        text-align: center;
        margin-right: 0;
    }
    /* product area responsive CSS */
    .product-area .product-card .info {
        padding: 20px 0 0 34px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    /* business area responsive CSS */
    .business-area .business-image {
        text-align: center;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .business-area .business-info {
        margin-left: 0;
        margin-right: 0;
    }
    .business-area .business-info .business-card {
        padding-right: 80px;
        margin-bottom: 25px;
    }
    .business-area .business-info .business-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .business-area .business-shape-2 {
        left: 160px;
        bottom: 60px;
    }
    /* newsletter area responsive CSS */
    .newsletter-area .section-heading h2 {
        font-size: 30px;
        line-height: 34px;
        text-align: center;
        margin-bottom: 30px;
    }
    .newsletter-area form {
        margin-right: 0;
    }
    .newsletter-area .newsletter-shape-1 {
        display: none;
    }
    .newsletter-area .newsletter-shape-2 {
        right: 0;
        display: none;
    }
    /* subscribe area responsive CSS */
    .subscribe-area .subscribe {
        padding-top: 60px;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 60px;
        text-align: center;
    }
    .subscribe-area form {
        margin-right: 0;
    }
    .subscribe-area form .form-group .common-btn {
        top: 8px;
        left: 8px;
    }
    .subscribe-area form .newsletter-shape-6 {
        top: 0;
        left: 0;
        display: none;
    }
    /* customer area responsive CSS */
    .customer-slider-content .swiper-slider-arrow {
        top: 18%;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    .customer-slider-content .customer-shape-1 {
        display: none;
    }
    .customer-slider-content .customer-shape-2 {
        display: none;
    }
    .mySwiperOne .slider-button {
        padding: 12px 12px 12px 55px;
    }
    .mySwiperOne .slider-button .info {
        padding-right: 20px;
    }
    /* blog area responsive CSS */
    .blog-card h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 12px;
    }
    .blog-card ul li {
        font-size: 15px;
        padding-left: 12px;
        margin-left: 5px;
    }
    .blog-card ul li::before {
        top: 4px;
    }
    /* footer area responsive CSS */
    .footer-area .footer-widget {
        max-width: 600px;
    }
    .footer-area .footer-widget .footer-logo {
        margin-bottom: 20px;
    }
    .footer-area .footer-widget p {
        margin-bottom: 20px;
    }
    .footer-area .footer-widget-style {
        margin-bottom: 20px;
    }
    .footer-area .footer-widget-style h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .footer-area .footer-widget-style ul li {
        margin-bottom: 8px;
    }
    .footer-area .col-lg-2:nth-child(2) .footer-widget-style {
        margin-right: 0;
    }
    /* feedback area responsive CSS */
    .feedback-area::before {
        width: 100%;
    }
    .feedback-area .feedback-info .card-slide {
        padding: 20px;
    }
    .feedback-area .feedback-info .card-slide .name {
        margin-bottom: 15px;
    }
    .feedback-area .feedback-info .card-slide .name img {
        width: 60px;
        height: 60px;
    }
    .feedback-area .feedback-info .card-slide .name h4 {
        font-size: 18px;
    }
    .feedback-area .feedback-info .card-slide .name span {
        font-size: 14px;
    }
    .feedback-slider-item .swiper-slider-arrow {
        right: 0;
        left: 0;
        bottom: 0;
    }
    .feedback-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: 0;
        left: 60px;
        margin: auto;
    }
    .feedback-slider-item .swiper-slider-arrow .swiper-button-next {
        left: 0;
        right: 60px;
        margin: auto;
        width: 50px;
    }
    /* testimonials area responsive CSS */
    .testimonials-area .testimonial-card {
        padding: 35px 30px;
    }
    .testimonials-area .testimonial-card ul li {
        margin-bottom: 10px;
    }
    .testimonials-area .testimonial-card .patients-content p {
        margin-bottom: 15px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img img {
        width: 60px;
        height: 60px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .testimonials-area .testimonial-card .patients-content .testimonial-img span {
        font-size: 14px;
    }
    .testimonials-area .testimonial-card .patients-content .quote-icon {
        max-width: 40px;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: -25px;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-next {
        left: -25px;
    }
    /* page banner area responsive CSS */
    .page-banner-area {
        padding-top: 215px;
        padding-bottom: 60px;
    }
    .page-banner-area .page-heading h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .page-banner-area .page-heading ul li {
        padding-left: 14px;
        font-size: 15px;
    }
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
    }
    /**/
    .category ul li i {
        padding-right: 0;
    }
    /**/
    .tags {
        margin-bottom: 30px;
    }
    /**/
    .blog-details {
        margin-right: 0;
    }
    .blog-details .blog-card .blog-card-content h3 {
        font-size: 25px;
        line-height: 30px;
        margin-left: 0;
    }
    .blog-details .treatment .tags {
        margin-bottom: 0;
    }
    .blog-details .security h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog-details .technology h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    /* project area responsive CSS */
    .project-details-area .project-details {
        margin-left: 0;
    }
    .project-details-area .project-details .project-details-card h3 {
        font-size: 25px;
        line-height: 38px;
        margin-bottom: 12px;
    }
    .project-details-area .project-details .project-details-card .batter-solution {
        margin-bottom: 25px;
    }
    .project-details-area .project-details .project-details-card .processing-system {
        margin-top: 30px;
    }
    .project-details-area .project-details .project-details-card .processing-system h4 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .project-details-area .project-details .project-details-card .processing-system .system-card h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    /* service area responsive CSS */
    .necessary {
        margin-bottom: 30px;
    }
    .service-details-content {
        margin-right: 0;
    }
    .service-details-content .section-heading h2 {
        font-size: 25px;
    }
    .service-details-content h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .service-details-content .ratio-success .success-card {
        padding: 30px 20px 30px 131px;
    }
    /* contact area responsive CSS */
    .contact-area .contact {
        margin-left: 0;
    }
    .contact-area .contact .form::before {
        top: 15px;
        right: -15px;
    }
    .contact-area .contact .form h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .contact-area .contact .form .form-control {
        height: 55px;
        margin-bottom: 15px;
    }
    .contact-area .contact .form .textarea {
        height: 150px;
    }
    .contact-area .contact-image {
        display: none;
    }
    .contact-us-area .number-card {
        padding: 30px 30px;
    }
    /* about page responsive CSS */
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: 5px;
    }
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-next {
        left: 5px;
    }
    .visitors-info.terms .hospital-visitors {
        margin-bottom: 20px;
    }
    .visitors-info.terms .hospital-visitors h3 {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .privacy-policy-area .privacy-policy-wrap .privacy-content {
        margin-bottom: 25px;
    }
    .privacy-policy-area .privacy-policy-wrap .privacy-content h3 {
        font-size: 25px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .common-btn {
        font-size: 16px;
    }
    .read-more {
        font-size: 15px;
    }
    /* top header area responsive CSS */
    .top-header-area .container-fluid {
        max-width: 960px;
    }
    /* wile navbar area responsive CSS */
    .wile-navbar .navbar-nav .nav-item {
        margin-right: 12px;
        margin-left: 12px;
    }
    .wile-navbar .container-fluid {
        max-width: 960px;
        padding: 24px 30px;
    }
    .wile-navbar.style {
        top: 0;
    }
    .wile-navbar.style .container-fluid {
        border-radius: 0;
    }
    .wile-navbar .navbar-nav .nav-item {
        padding-right: 0;
        padding-left: 0;
    }
    .wile-navbar .navbar-nav .nav-item a {
        font-size: 15px;
    }
    .search-progress .phone {
        display: none;
    }
    /* banner area responsive CSS */
    .banner-area {
        padding-top: 180px;
    }
    .banner-area .container-fluid {
        max-width: 960px;
    }
    .banner-area .banner-content h1 {
        font-size: 50px;
        line-height: 68px;
    }
    .banner-area .banner-content p {
        font-size: 16px;
    }
    .banner-area .banner-shape-2 {
        max-width: 90px;
    }
    /* home two banner area responsive CSS */
    .banner-area-two .container-fluid {
        max-width: 960px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 10px;
    }
    .banner-area-two .banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .banner-area-two .banner-image .banner-two {
        margin-left: 0;
    }
    /* home three banner area responsive CSS */
    .banner-area-three .container-fluid {
        max-width: 960px;
    }
    .banner-area-three .banner-content h1 {
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 10px;
    }
    .banner-area-three .banner-content p {
        font-size: 17px;
        margin-bottom: 25px;
    }
    .banner-area-three .banner-image {
        text-align: end;
    }
    /* home three features area responsive CSS */
    .features-area-three .service-shape-2 {
        top: 0;
        left: 0;
        display: none;
    }
    .features-card {
        padding: 20px 15px;
    }
    .features-card .features-icon {
        margin-bottom: 25px;
    }
    .features-card .features-icon img {
        max-width: 50px;
    }
    .features-card h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .single-features-card {
        padding: 25px 20px;
    }
    .single-features-card .features-shape {
        max-width: 80px;
    }
    /* home three solution area responsive CSS */
    .solution-area .solution-content .single-solution .section-heading {
        margin-bottom: 25px;
    }
    .solution-area .solution-content .single-solution .section-heading h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }
    .solution-area .solution-content .single-solution .solution-warp h4 {
        font-size: 15px;
    }
    .solution-area .solution-content .solution-shape-2 {
        left: 35px;
        bottom: -20px;
    }
    /* about area responsive CSS */
    .about-area .about-content {
        margin-right: 30px;
        margin-left: 0;
    }
    .about-area .about-content .section-heading {
        margin-bottom: 25px;
    }
    .about-area .about-content .section-heading h2 {
        font-size: 30px;
        line-height: 44px;
        margin-bottom: 10px;
    }
    .about-area .about-shape-3 {
        left: 120px;
        bottom: 100px;
    }
    /* home two about area responsive CSS */
    .about-us-area .about-us-info {
        margin-right: 20px;
    }
    .about-us-area .about-us-info .section-heading {
        margin-bottom: 25px;
    }
    .about-us-area .about-us-info .section-heading h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }
    .about-us-area .about-us-info .about-large .about-card {
        margin-bottom: 12px;
    }
    .about-area-style .about-content {
        margin-right: 20px;
    }
    .about-area-style .about-content .section-heading h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .about-area-style .about-content ul li {
        margin-bottom: 9px;
    }
    /* fun fact area responsive CSS */
    .fun-fact-area .fun-fact .data h3 {
        font-size: 45px;
        margin-bottom: 10px;
    }
    .fun-fact-area .fun-fact .data p {
        font-size: 16px;
    }
    /* home two fun fact area responsive CSS */
    .fun-fact-area-style .fun-fact .data {
        width: 33%;
    }
    .fun-fact-area-style .fun-fact .data .content h3 {
        font-size: 50px;
    }
    /* home two map area responsive CSS */
    .map-area .container {
        max-width: 960px;
    }
    /* feedback area responsive CSS */
    .feedback-area::before {
        width: 100%;
    }
    .feedback-area .section-heading h2 {
        font-size: 37px;
        margin-bottom: 10px;
    }
    .feedback-area .feedback-info .card-slide {
        padding: 20px;
    }
    .feedback-area .feedback-info .card-slide .name img {
        width: 65px;
        height: 65px;
    }
    .feedback-area .feedback-info .card-slide .name h4 {
        font-size: 20px;
    }
    .feedback-area .feedback-info .card-slide .name span {
        font-size: 15px;
    }
    .feedback-area .feedback-info .card-slide .name p {
        font-size: 15px;
    }
    .feedback-area .feedback-info .card-slide .name i {
        display: none;
    }
    /* analysis area responsive CSS */
    .analysis-area .analysis-content .earned h3 {
        font-size: 30px;
    }
    .analysis-area .analysis-image {
        margin-right: 0;
    }
    /* product area responsive CSS */
    .product-area .product-card .info {
        padding: 20px 0 0 25px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    /**/
    .services-area .service-slider-content .swiper-slider-arrow {
        top: -55px;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: auto;
    }
    /* business area responsive CSS */
    .business-area .business-info {
        margin-left: 0;
        margin-right: 0;
    }
    .business-area .business-info .section-heading {
        margin-bottom: 25px;
    }
    .business-area .business-info .section-heading h2 {
        font-size: 29px;
    }
    .business-area .business-info .business-card h4 {
        margin-bottom: 10px;
    }
    .business-area .business-shape-2 {
        left: 100px;
    }
    /* newsletter area responsive CSS */
    .newsletter-area .section-heading {
        margin-left: 0;
    }
    .newsletter-area .section-heading h2 {
        font-size: 30px;
        line-height: 46px;
    }
    .newsletter-area form {
        margin-right: 0;
    }
    .newsletter-area .newsletter-shape-2 {
        display: none;
    }
    /* home two services area responsive CSS */
    .services-card {
        padding: 35px 35px;
    }
    .services-card h3 {
        margin-bottom: 15px;
    }
    .services-card p {
        font-size: 20px;
    }
    /* home two skill area responsive CSS */
    .skill-area .skill-info .section-heading {
        margin-bottom: 25px;
    }
    .skill-area .skill-info .section-heading h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    /* home two blog area responsive CSS */
    .blog-card ul li {
        font-size: 16px;
    }
    .blog-card h3 {
        font-size: 20px;
        line-height: 32px;
        margin-top: 10px;
    }
    /* footer area responsive CSS */
    .footer-area .footer-widget p {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .footer-area .footer-widget ul li {
        margin-left: 5px;
    }
    .footer-area .footer-widget-style h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-area .footer-widget-style ul li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .footer-area .footer-widget-style.location ul li {
        padding-right: 22px;
    }
    .footer-area .footer-widget-style.location ul li i {
        top: 1px;
        font-size: 15px;
    }
    .footer-area .col-lg-2:nth-child(2) .footer-widget-style {
        margin-right: 40px;
    }
    /* testimonials area responsive CSS */
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: 0;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 0;
    }
    /**/
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
    }
    .contact-us-area .number-card {
        padding: 20px 15px;
    }
    .contact-us-area .number-card .number .location {
        padding-right: 95px;
    }
    /* blog blog page responsive CSS */
    .blog-blog .analysis-card .analysis-card-info p {
        font-size: 16px;
    }
    .category {
        padding: 25px 25px;
    }
    .popular-post {
        padding: 25px 20px;
    }
    .popular-post .single-recent-post .thumb {
        width: 80px;
        height: 80px;
    }
    .popular-post .single-recent-post .thumb .full-image {
        width: 80px;
        height: 80px;
    }
    .tags {
        padding: 20px 15px 15px 15px;
    }
    .tags ul li a {
        padding: 6px 13px;
    }
    .service-details-content {
        margin-right: 20px;
    }
    .project-details-area .project-details .project-details-card h3 {
        font-size: 32px;
    }
    .support {
        padding: 25px;
    }
    /* about page responsive CSS */
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: 5px;
    }
    .about-team-area .team-slider-item .swiper-slider-arrow .swiper-button-next {
        left: 5px;
    }
    .mySwiperOne .slider-button {
        padding: 12px 12px 12px 35px;
    }
    /**/
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section-title h2 {
        font-size: 35px;
    }
    .section-heading h2 {
        font-size: 35px;
    }
    .common-btn {
        font-size: 15px;
    }
    .read-more {
        font-size: 15px;
    }
    /* top header area responsive CSS */
    .top-header-area .container-fluid {
        max-width: 1140px;
    }
    .top-header-area .top-header-info ul li {
        font-size: 14px;
    }
    .top-header-area .top-header-info ul li a {
        font-size: 14px;
    }
    .top-header-area .top-header-social ul li a {
        font-size: 16px;
    }
    /* wile navbar area responsive CSS */
    .wile-navbar .container-fluid {
        max-width: 1140px;
    }
    .wile-navbar .navbar-nav .nav-item {
        margin-right: 15px;
        margin-left: 15px;
    }
    .wile-navbar .navbar-nav .nav-item a {
        font-size: 15px;
    }
    .wile-navbar .navbar-nav .nav-item .dropdown-menu li a {
        font-size: 14px;
    }
    .search-progress .phone .phone-content a {
        font-size: 14px;
    }
    .search-progress .menu .common-btn {
        font-size: 14px;
    }
    /* banner area responsive CSS */
    .banner-area .container-fluid {
        max-width: 1140px;
    }
    .banner-area .banner-content h1 {
        font-size: 58px;
        line-height: 72px;
    }
    .banner-area .banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .banner-area .banner-shape-1 {
        max-width: 835px;
    }
    .banner-area .banner-shape-2 {
        right: 35%;
        bottom: 60px;
    }
    /* home two banner area responsive CSS */
    .banner-area-two .container-fluid {
        max-width: 1140px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 45px;
        line-height: 70px;
        margin-bottom: 10px;
    }
    .banner-area-two .banner-content p {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .banner-area-two .banner-image .banner-two {
        margin-left: 0;
    }
    /* home three features area responsive CSS */
    .banner-area-three .container-fluid {
        max-width: 1140px;
    }
    .banner-area-three .banner-content {
        max-width: 525px;
    }
    .banner-area-three .banner-content h1 {
        font-size: 55px;
        line-height: 75px;
        margin-bottom: 10px;
    }
    .banner-area-three .banner-content p {
        font-size: 15px;
        margin-bottom: 25px;
    }
    /* home two features area responsive CSS */
    .single-features {
        padding: 25px 20px;
    }
    .single-features .features-icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .single-features .features-icon img {
        max-width: 40px;
    }
    .single-features h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    /* home three features area responsive CSS */
    .features-card {
        padding: 30px 25px;
    }
    .features-card .features-icon {
        margin-bottom: 20px;
    }
    .features-card h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .features-area-three .service-shape-2 {
        display: none;
    }
    .single-features-card {
        padding: 35px 30px;
    }
    /* home three solution area responsive CSS */
    .solution-area .solution-content .section-heading {
        margin-bottom: 30px;
    }
    .solution-area .solution-content .single-solution {
        padding: 10px 10px;
    }
    .solution-area .solution-content .single-solution .solution-warp h4 {
        font-size: 14px;
    }
    /* services area responsive CSS */
    .services-area .service-card .services-image::before {
        right: -27px;
    }
    .services-area .service-card .service-card-info {
        padding: 0 20px 30px 20px;
    }
    /* home two services area responsive CSS */
    .services-card {
        padding: 25px 20px;
    }
    .services-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .services-card p {
        margin-bottom: 12px;
    }
    /* about area responsive CSS */
    .about-area .about-content {
        margin-right: 35px;
        margin-left: 0;
    }
    .about-area .about-content .section-heading {
        margin-bottom: 25px;
    }
    .about-area .about-content .section-heading h2 {
        font-size: 35px;
        line-height: 48px;
    }
    .about-area .about-content .common-btn {
        margin-top: 30px;
    }
    /* home two about area responsive CSS */
    .about-us-area .about-us-info {
        margin-right: 25px;
    }
    .about-us-area .about-us-info .section-heading {
        margin-bottom: 25px;
    }
    .about-us-area .about-us-info .section-heading h2 {
        font-size: 35px;
        margin-bottom: 12px;
    }
    .about-us-area .about-us-info .about-large {
        margin-bottom: 20px;
    }
    .about-us-area .about-us-info .about-large .about-card {
        margin-bottom: 12px;
    }
    .about-us-area .about-us-info .about-large .about-card h4 {
        margin-right: 15px;
    }
    /* home three about area responsive CSS */
    .about-area-style .about-content ul li {
        margin-bottom: 10px;
    }
    /* product area responsive CSS */
    .product-area .product-card .info {
        padding: 20px 0 0 15px;
    }
    .product-area .product-card .info h3 {
        font-size: 18px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: -25px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: -25px;
    }
    /* business area responsive CSS */
    .business-area .business-info {
        margin-left: 0;
        margin-right: -35px;
    }
    .business-area .business-info .section-heading {
        margin-bottom: 25px;
    }
    .business-area .business-info .section-heading h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .business-area .business-info .business-card {
        padding-right: 80px;
    }
    .business-area .business-info .business-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .business-area .business-shape-2 {
        left: 150px;
    }
    /* newsletter area responsive CSS */
    .newsletter-area .section-heading h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .newsletter-area form {
        margin-right: 0;
    }
    .newsletter-area form .newsletter-btn .common-btn {
        font-size: 14px;
    }
    .newsletter-area .newsletter-shape-2 {
        right: 0;
        display: none;
    }
    /* home three newsletter area responsive CSS */
    .subscribe-area .section-heading h2 {
        font-size: 30px;
    }
    .subscribe-area form {
        margin-right: 20px;
    }
    .subscribe-area form .form-group .common-btn {
        top: 8px;
        left: 8px;
    }
    /* Customer area responsive CSS */
    .mySwiperOne .slider-button {
        padding: 12px 12px 12px 75px;
    }
    /* blog area responsive CSS */
    .blog-area .single-blog .info {
        padding-right: 25px;
    }
    .blog-area .single-blog .info ul li {
        font-size: 15px;
        padding-left: 10px;
        margin-left: 5px;
    }
    .blog-area .single-blog .info ul li::before {
        top: 4px;
    }
    .blog-area .single-blog .info h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .blog-card ul li {
        font-size: 15px;
        margin-left: 5px;
        padding-left: 10px;
    }
    .blog-card ul li::before {
        top: 4px;
    }
    .blog-card h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 12px;
    }
    /* footer area responsive CSS */
    .footer-area .footer-widget .footer-logo {
        margin-bottom: 20px;
    }
    .footer-area .footer-widget p {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .footer-area .footer-widget ul li {
        margin-left: 5px;
    }
    .footer-area .footer-widget-style h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-area .footer-widget-style ul li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .footer-area .footer-widget-style.location ul li {
        padding-right: 25px;
    }
    .footer-area .footer-widget-style.location ul li i {
        font-size: 16px;
    }
    /* copy area responsive CSS */
    .copy-area .copy p {
        font-size: 15px;
    }
    /* home two map area responsive CSS */
    .map-area .container {
        max-width: 1140px;
    }
    /* home two fun fact area responsive CSS */
    .fun-fact-area-style .fun-fact .data .content {
        padding: 20px;
    }
    .fun-fact-area-style .fun-fact .data .content h3 {
        font-size: 40px;
    }
    .fun-fact-area-style .fun-fact .data .content p {
        font-size: 16px;
    }
    /* home two feedback area responsive CSS */
    .feedback-area .feedback-info .card-slide {
        padding: 30px;
    }
    .feedback-area .feedback-info .card-slide p {
        font-size: 15px;
    }
    .feedback-area .feedback-info .card-slide .name {
        margin-bottom: 20px;
    }
    .feedback-area .feedback-info .card-slide .name h4 {
        font-size: 20px;
    }
    .feedback-area .feedback-info .card-slide .name span {
        font-size: 14px;
    }
    .feedback-area .feedback-info .card-slide .name i {
        font-size: 50px;
    }
    .feedback-slider-item .swiper-slider-arrow {
        bottom: 75px;
    }
    /* home two testimonials area responsive CSS */
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: -20px;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-next {
        left: -20px;
    }
    /**/
    .contact-us-area .number-card {
        padding: 45px 40px;
    }
    /**/
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
    }
    /**/
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    /**/
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: auto;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .common-btn {
        font-size: 16px;
    }
    .top-header-area .container-fluid {
        max-width: 1320px;
    }
    /**/
    .wile-navbar.style .container-fluid {
        max-width: 1320px;
    }
    .wile-navbar .container-fluid {
        max-width: 1320px;
    }
    .wile-navbar .navbar-nav .nav-item {
        margin-left: 20px;
        margin-right: 20px;
    }
    /**/
    .banner-area .container-fluid {
        max-width: 1320px;
    }
    .banner-area .banner-content h1 {
        font-size: 68px;
        line-height: 80px;
    }
    /**/
    .banner-area-two .container-fluid {
        max-width: 1320px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 60px;
        line-height: 82px;
    }
    .banner-area-two .banner-image {
        text-align: start;
    }
    .banner-area-two .banner-image .banner-two {
        margin-left: 0;
    }
    /**/
    .banner-area-three .container-fluid {
        max-width: 1320px;
    }
    .banner-area-three .banner-content h1 {
        font-size: 66px;
        line-height: 86px;
    }
    /**/
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        left: -25px;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        right: -25px;
    }
    /**/
    .business-area .business-info {
        margin-left: 0;
        margin-right: -25px;
    }
    .business-area .business-info .section-heading h2 {
        font-size: 38px;
    }
    /**/
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: -25px;
    }
    .testimonials-area .testimonial-slider-content .swiper-slider-arrow .swiper-button-next {
        left: -25px;
    }
    /**/
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
    }
    /**/
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: auto;
    }
    /* product area responsive CSS */
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        left: auto;
    }
    /**/
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    /**/
    .features-area-three .service-shape-2 {
        display: none;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .top-header-area .container-fluid {
        max-width: 1520px;
    }
    /**/
    .wile-navbar .container-fluid {
        max-width: 1520px;
    }
    .wile-navbar.style-three .container-fluid {
        max-width: 1520px;
    }
    /**/
    .banner-area .container-fluid {
        max-width: 1500px;
    }
    /**/
    .banner-area-two .container-fluid {
        max-width: 1500px;
    }
    .banner-area-two .banner-content h1 {
        font-size: 65px;
        line-height: 90px;
    }
    /**/
    .banner-area-three .container-fluid {
        max-width: 1500px;
    }
    /**/
    .page-banner-area .page-heading .page-shape-1 {
        left: 0;
    }
    .page-banner-area .page-heading .page-shape-2 {
        right: 0;
    }
    /**/
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .services-area .service-slider-content .swiper-slider-arrow .swiper-button-next {
        left: 60px;
        right: auto;
    }
    /* product area responsive CSS */
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-prev {
        right: auto;
    }
    .product-area .product-slider-item .swiper-slider-arrow .swiper-button-next {
        left: auto;
    }
    /**/
    .customer-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .customer-slider-content .swiper-slider-arrow .swiper-button-next {
        left: auto;
        right: 0;
    }
    /**/
    .newsletter-area .newsletter-shape-2 {
        display: none;
    }
    /**/
    .features-area-three .service-shape-2 {
        left: 70px;
    }
}

/*# sourceMappingURL=responsive.css.map */