/* Min width 576px */
@media only screen and (max-width: 767px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 540px;
  }
  .container-fluid.wa-padding {
    max-width: 540px;
  }
  p {
    font-size: 14px;
  }
  .ptb-120 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-120 {
    padding-top: 50px;
  }
  .pb-120 {
    padding-bottom: 50px;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  /* section title */
  .section-title {
    margin-bottom: 25px;
  }
  .section-title h2 {
    font-size: 25px;
  }
  /* section heading */
  .section-heading {
    margin-bottom: 25px;
  }
  .section-heading h2 {
    font-size: 25px;
  }
  /* popup btn */
  .popup-btn i {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 62px;
  }
  .popup-btn i::after {
    left: -6px;
    width: 70px;
    height: 70px;
  }
  /* search modal */
  .offcanvas.offcanvas-top {
    height: 38% !important;
  }
  .offcanvas-top .btn-close {
    font-size: 25px;
  }
  .offcanvas-top .offcanvas-header {
    padding: 20px 20px;
  }
  .offcanvas-top .offcanvas-header .search-logo img {
    max-width: 100px;
  }
  .offcanvas-top .offcanvas-body {
    padding: 45px 20px 45px;
  }
  .offcanvas-top .btn-close {
    top: 50px;
    right: 30px;
  }
  /* top header area */
  .top-header-area .top-header-content {
    text-align: start !important;
  }
  .top-header-area .top-header-content ul li {
    margin-right: 15px;
  }
  .top-header-area .top-header-content ul li::before {
    display: none;
  }
  .top-header-area .top-header-content ul li span {
    font-size: 13px;
  }
  .top-header-area .top-header-content ul li a {
    font-size: 13px;
  }
  .top-header-area .top-header-content ul li .coll {
    font-size: 13px;
  }
  .top-header-area .social {
    text-align: start;
  }
  .top-header-area .items li a {
    font-size: 13px;
  }
  .top-header-area .g-4, .top-header-area .gy-4 {
    --bs-gutter-y: 10px !important;
  }
  /* navbar */
  .navbar .others-options {
    display: none;
  }
  /* hero area */
  .hero-area .hero-title {
    margin-bottom: 25px;
  }
  .hero-area .hero-title h1 {
    font-size: 35px;
  }
  .hero-area .hero-title h1 img {
    width: 60px;
    height: 30px;
  }
  .hero-area .mb-5 {
    margin-bottom: 55px !important;
  }
  .hero-area .hero-image-items {
    height: 150px;
  }
  .hero-area .hero-shape {
    display: none;
  }
  .hero-area .hero-shape1 {
    display: none;
  }
  .hero-area .hero-shape2 {
    display: none;
  }
  /* banner area */
  .banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner-area .banner-content h1 {
    font-size: 26px;
  }
  .banner-area .banner-content p {
    font-size: 14px;
  }
  .banner-area .banner-content .banner-btn.d-flex {
    display: block !important;
  }
  .banner-area .banner-content .banner-btn .default-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .banner-area .banner-image-items .banner-image {
    margin-top: 0;
  }
  .banner-area .shape {
    display: none;
  }
  .banner-area .shape1 {
    display: none;
  }
  /* page banner area */
  .page-banner-area .page-contant h2 {
    font-size: 25px;
  }
  /* advice area */
  .advice-area {
    padding-top: 18px;
    padding-bottom: 15px;
  }
  .advice-area .advice-content.gap-4 {
    gap: 18px !important;
  }
  .advice-area .advice-content h3 {
    font-size: 30px;
  }
  .advice-area .advice-content h4 {
    font-size: 25px;
  }
  .advice-area.style-one .advice-content h3 {
    font-size: 30px;
  }
  /* about area */
  .about-area .about-image {
    margin-bottom: 25px;
  }
  .about-area .about-image .image-1 img {
    max-width: 100% !important;
  }
  .about-area .about-image .image-2 {
    margin-top: 30px;
    margin-left: 0;
  }
  .about-area .about-image .image-2 img {
    max-width: 100% !important;
  }
  .about-area .about-content {
    max-width: 100%;
  }
  .about-area .about-content .list-warp p {
    font-size: 13px;
  }
  .about-area .about-content .list-warp i {
    color: var(--primary-color);
    font-size: 12px;
  }
  .about-area .about-content .count-card {
    border: none;
  }
  .about-area .about-content .count-card p {
    font-size: 14px;
  }
  .about-area .about-content .about-btn.d-flex {
    display: block !important;
  }
  .about-area .about-content .about-btn.d-flex.mt-5 {
    margin-top: 30px !important;
  }
  .about-area .about-content .about-btn .default-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  /* about second area */
  .about-second-area .second-about-image::before {
    display: none;
  }
  .about-second-area .second-about-image .image1 {
    max-width: 100%;
  }
  .about-second-area .about-second-content ul li {
    padding-left: 15px;
    font-size: 16px;
  }
  .about-second-area .about-second-content ul.ps-5 {
    padding-left: 0 !important;
  }
  .about-second-area .count-card {
    top: 0;
    right: -30px;
    margin-top: 30px;
    position: relative;
  }
  .about-second-area h1 {
    bottom: 70%;
    left: 0;
    font-size: 50px;
  }
  /* features area */
  .features-area .features-card {
    padding: 25px 25px;
  }
  .features-area .features-card .features-image img {
    max-width: 240px;
  }
  .features-area .features-card h3 {
    font-size: 20px;
  }
  .features-area .features-card h3.mb-4 {
    margin-bottom: 15px !important;
  }
  /* main services area */
  .main-services-area .section-title {
    margin-bottom: 30px;
  }
  .main-services-area .service-items {
    padding: 20px 20px;
  }
  .main-services-area .service-items .icon {
    margin-bottom: 15px;
  }
  .main-services-area .service-items i {
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .main-services-area .service-items .icon-a {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 24px;
    text-align: start;
    transform: unset;
  }
  .main-services-area .service-items .icon-a i {
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .main-services-area .service-items h2 {
    width: 100%;
    font-size: 20px;
  }
  .main-services-area .service-items p {
    margin-left: 0;
    max-width: 100%;
    font-size: 14px;
  }
  .main-services-area .service-items.d-flex {
    display: block !important;
  }
  .main-services-area .service-items .service-image {
    display: none;
  }
  /* services area */
  .services-area .services-card {
    padding: 30px 20px;
  }
  .services-area .services-card h4 {
    font-size: 20px;
  }
  .services-area .services-card i {
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
  }
  .services-area .services-card p {
    margin-bottom: 20px;
  }
  /* portfolio area */
  .portfolio-area-style .portfolio-content {
    width: 100%;
    display: block;
    padding: 0;
  }
  .portfolio-area-style .slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .portfolio-area-style .slide .slide-body {
    width: 100%;
    padding: 20px 20px;
  }
  .portfolio-area-style .slide .slide-body h3 {
    font-size: 20px;
  }
  /* project area */
  .project-area .project-items {
    margin: 0 0;
  }
  .project-area .project-items .project-card .project-card-body {
    margin: -30px 15px 0;
    padding: 25px 18px 18px;
  }
  .project-area .project-items .project-card .project-card-body i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  .project-area .project-items .project-card .project-card-body span {
    font-size: 16px;
  }
  .project-area .project-items .project-card .project-card-body h4 {
    font-size: 20px;
  }
  /* choose us area */
  .choose-us-area .container-fluid {
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .choose-us-area .choose-image {
    position: relative;
    width: 100%;
    height: 170px;
  }
  .choose-us-area .choose-content {
    margin-left: 0;
  }
  .choose-us-area .choose-content .choose-card .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .choose-us-area .choose-content .choose-card .icon img {
    max-width: 45px;
  }
  /* second choose area */
  .second-choose-area .second-choose-content .choose-warp h4 {
    font-size: 20px;
  }
  .second-choose-area .second-choose-content .choose-warp i {
    font-size: 35px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .second-choose-area .second-choose-content .choose-warp.mb-4 {
    margin-bottom: 0 !important;
  }
  /* review area */
  .review-area {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .review-area .review-image {
    margin-bottom: 20px;
  }
  .review-area .review-content {
    margin-left: 0;
  }
  .review-area .review-content.p-5 {
    padding: 20px !important;
  }
  .review-area .review-content .icon.mb-4 {
    margin-bottom: 15px !important;
  }
  .review-area .review-content p {
    font-size: 16px;
  }
  .review-area .review-content .r-name img {
    width: 60px;
    height: 60px;
  }
  .review-area .review-items .review-btn {
    bottom: -120px;
    right: 35%;
  }
  .review-area .review-items .review-btn.style-1 {
    bottom: -120px;
    right: 35%;
  }
  .review-area .review-items .review-btn .swiper-button-next, .review-area .review-items .review-btn .swiper-button-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .review-area .review-items .review-btn .swiper-button-next {
    right: 0;
    bottom: 20px;
  }
  .review-area .review-items .review-btn .swiper-button-prev {
    top: -38px;
    left: auto;
    right: 50px;
  }
  /* testimonial area */
  .testimonial-area .testimonial-items {
    margin: 0 0;
  }
  .testimonial-area .testimonial-items .testimonials-card {
    padding: 20px 25px;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant .mb-4 {
    margin-bottom: 8px !important;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant p {
    font-size: 15px;
  }
  /* client area */
  .clients-card {
    padding: 20px 25px;
  }
  .clients-card .mb-4 {
    margin-bottom: 8px !important;
  }
  .clients-card .content img {
    width: 65px;
    height: 65px;
  }
  .clients-card .content h4 {
    font-size: 20px;
  }
  .clients-card .content h6 {
    font-size: 16px;
  }
  /* pricing area */
  .pricing-area.vpn-pricing .section-title {
    margin-bottom: 50px;
  }
  .pricing-area .pricing-card {
    padding: 25px 20px;
  }
  .pricing-area .pricing-card .pricing-card-body {
    margin-bottom: 20px;
    padding: 20px 15px 20px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon {
    margin-bottom: 15px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon i {
    font-size: 30px;
    width: 55px;
    height: 55px;
    line-height: 56px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon h3 {
    padding: 5px 10px;
    font-size: 18px;
  }
  .pricing-area .pricing-card .pricing-card-body .content h4 {
    font-size: 35px;
  }
  .pricing-area .pricing-card.style-1 {
    padding: 25px 25px 25px;
    margin-top: 0;
  }
  .pricing-area .pricing-card ul li {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .pricing-area .pricing-card ul.mb-4 {
    margin-bottom: 25px !important;
  }
  /* faq area */
  .faq-content .accordion-item .accordion-body {
    padding: 0 20px 20px 20px !important;
  }
  .faq-content .accordion-item .accordion-body p {
    font-size: 14px;
  }
  .faq-content .accordion-item .accordion-button {
    padding: 20px 35px 20px 20px !important;
    font-size: 14px;
  }
  .faq-content .accordion-item .accordion-button::before {
    right: 15px;
  }
  /* vedio area */
  .vedio-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  /* fun fact area */
  .fun-fact-area .count-content.ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .fun-fact-area .count-content.style-1 {
    margin-top: 0;
  }
  .fun-fact-area .count-content .count-items {
    margin-left: 0;
  }
  .fun-fact-area .count-content .count-items.g-4, .fun-fact-area .count-content .count-items .gx-4 {
    --bs-gutter-x: 0 !important;
  }
  .fun-fact-area .count-content.ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .fun-fact-area .count-content.px-5 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .fun-fact-area .count-content .count-card .icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .fun-fact-area .count-content .count-card h2 {
    font-size: 28px;
  }
  .fun-fact-area .count-content .count-card span {
    font-size: 16px;
  }
  .fun-fact-area .count-content .style-one {
    padding-left: 0;
  }
  .fun-fact-area .count-content .style-one.g-4 {
    --bs-gutter-x: 20px !important;
  }
  .fun-fact-area.style-one .count-content.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .fun-fact-area.style-one .count-content .count-card h2 {
    font-size: 35px;
  }
  .fun-fact-area.style-one .count-content .count-card span {
    font-size: 16px;
  }
  .fun-fact-area.style-one .count-content.ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  /* blog area */
  .blog-area .blog-card {
    padding: 20px 20px 20px;
  }
  .blog-area .blog-card .blog-card-body .name-item {
    margin-bottom: 10px;
  }
  .blog-area .blog-card .blog-card-body .name-item.gap-5 {
    gap: 20px !important;
  }
  .blog-area .blog-card .blog-card-body h3 {
    font-size: 20px;
  }
  .blog-area .blog-card .blog-card-body h3.mb-3 {
    margin-bottom: 15px !important;
  }
  /* news area */
  .news-area .news-btn.text-end {
    text-align: left !important;
  }
  .news-card .news-card-body .content {
    margin-bottom: 10px;
  }
  .news-card .news-card-body .content li {
    font-size: 15px;
  }
  .news-card .news-card-body h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* service details area */
  .service-details .services-features .features-content {
    margin-left: 0;
  }
  .service-details .services-features .features-content ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .service-details h3 {
    margin-bottom: 15px;
    font-size: 25px;
  }
  .service-leftside h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .service-leftside .secuity-card ul li a {
    font-size: 14px;
  }
  .categoris-card ul li {
    font-size: 14px;
  }
  .categoris-card ul li a {
    font-size: 14px;
  }
  .bg-border {
    padding: 25px 20px;
  }
  /* blog left side area */
  .blog-left-side .recent-post ul li h3 {
    font-size: 14px;
  }
  .blog-left-side .recent-post ul li h5 {
    font-size: 13px;
  }
  .blog-left-side .tags-card li a {
    font-size: 15px;
  }
  .blog-details h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .blog-details ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .blog-details .quote-card {
    padding: 20px 20px;
  }
  .blog-details .quote-card p {
    font-size: 16px;
  }
  .blog-details .quote-card.d-flex {
    display: block !important;
  }
  .blog-details .tag-card-one ul li a {
    font-size: 14px;
  }
  .blog-details .tag-card-one.d-flex {
    display: block !important;
  }
  .blog-details .tag-card-one .social {
    margin-top: 15px;
  }
  .blog-details .comment-content .r-comment.d-flex {
    display: block !important;
  }
  .blog-details .comment-content .r-comment img {
    width: 80px;
    margin-bottom: 20px;
    height: 80px;
  }
  /* project details area */
  .project-details-area .project-details-items h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .project-details-area .project-details-items .content h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* contact area */
  .contact-area .contact-content {
    max-width: 100%;
  }
  .contact-area .contact-content .contact-card {
    padding: 20px 20px 20px 20px;
  }
  .contact-area .contact-content .contact-card i {
    width: 60px;
    height: 60px;
    font-size: 35px;
    line-height: 60px;
  }
  .contact-area .contact-content .contact-card h6 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .contact-area .contact-content .contact-card a {
    font-size: 14px;
  }
  .contact-area .contact-image {
    margin-left: 0;
  }
  .get-in-touch .default-btn.mt-5 {
    margin-top: 22px !important;
  }
  /* privacy policy area */
  .privacy-policy-area .privacy-policy-content .information-collection h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .privacy-policy-area .privacy-policy-content .information-collection p {
    font-size: 14px;
  }
  /* newslatter area */
  .newslatter-area .email-form .form-control {
    height: 55px;
    padding: 10px 15px;
  }
  .newslatter-area .email-form .default-btn {
    width: 55px;
    height: 55px;
  }
  .newslatter-area.style-one .ptb-100 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .newslatter-area.style-one .px-5 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .newslatter-area .sub-image img {
    max-width: 250px;
  }
  /* footer area */
  .footer-area .footer-widget.ps-4 {
    padding-left: 0 !important;
  }
  .footer-area .footer-widget h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .footer-area .footer-widget .logo img {
    max-width: 120px;
  }
  .footer-area .footer-widget .mail-list i {
    font-size: 18px;
  }
  .footer-area .footer-widget .mail-list.gap-3 {
    gap: 8px !important;
  }
  .footer-area .footer-widget .mail-list.mb-3 {
    margin-bottom: 12px !important;
  }
  .footer-area .footer-widget .mail-list h6 {
    font-size: 14px;
  }
  .footer-area .footer-widget .mail-list a {
    font-size: 14px;
  }
  .footer-area .footer-widget .social li a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 18px;
  }
  .footer-area .footer-widget ul li {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .footer-area .footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .footer-area .footer-widget.one {
    padding-left: 0 !important;
  }
  .footer-area .footer-shape {
    top: 30px;
    right: 15%;
  }
  /* gop Top */
  .go-top {
    top: 95%;
    right: 15px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 38px;
  }
  /* Home Page 3
  second hero area\*/
  .second-hero-area {
    padding-bottom: 70px;
  }
  .second-hero-area .hero-image-items .second-hero-content {
    margin-right: 0;
    padding-bottom: 20px;
  }
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 28px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 0;
  }
  .second-hero-area .second-banner-widget p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .second-hero-area .third-hero-shape {
    top: 40px;
    max-width: 160px;
  }
  /* about us area */
  .about-us-area .second-warp-card {
    padding: 20px 20px 20px 35px;
  }
  .about-us-area .second-warp-card h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .about-us-area .second-warp-card h4::before {
    width: 10px;
    height: 10px;
  }
  .about-us-area .second-warp-card p {
    font-size: 14px;
  }
  .about-us-area .about-us-image-items {
    margin-left: 0;
  }
  .about-us-area .about-us-image-items .about-style1 {
    margin-left: 0;
  }
  /* services */
  .second-services-area .sticky {
    position: relative;
    top: 0;
  }
  .second-services-area .services-post {
    padding: 25px 20px;
  }
  .second-services-area .services-post .service-warp {
    max-width: 100%;
  }
  .second-services-area .services-post .service-warp ul {
    margin-bottom: 20px;
  }
  .second-services-area .services-post .service-warp h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .second-services-area .services-post .service-warp p {
    font-size: 14px;
  }
  /* Features */
  .features-area-style .features-single {
    padding: 20px 20px;
  }
  .features-area-style .features-single .server {
    width: 60px;
    height: 60px;
    line-height: 63px;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .features-area-style .features-single p {
    font-size: 14px;
  }
  .features-area-style .features-single h4 {
    font-size: 22px;
  }
  /* choose */
  .why-choose-us-area .section-heading.mb-5 {
    margin-bottom: 30px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.pe-4 {
    padding-right: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.ps-4 {
    padding-left: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon {
    margin-bottom: 10px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon h4 {
    font-size: 20px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon img {
    width: 40px;
    height: 40px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon.gap-4 {
    gap: 15px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single p {
    font-size: 14px;
  }
  .why-choose-us-area .why-choose-us-content .default-btn.mt-5 {
    margin-top: 30px !important;
  }
  /* team */
  .second-team-area .team-single {
    padding: 25px 20px;
  }
  .second-team-area .team-single .team-image {
    margin-bottom: 20px;
  }
  .second-team-area .team-single .team-image .social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .second-team-area .team-single .team-card-body h4 {
    font-size: 20px;
  }
  /* price */
  .price-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .price-area .price-content h2 {
    font-size: 30px;
  }
  .price-area .price-content p {
    font-size: 15px;
    margin-bottom: 25px;
  }
  /* artical */
  .artical-area .artical-card .artical-card-body h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .artical-area .artical-card .artical-card-body p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .artical-area .artical-card .artical-card-body .read {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* Home Page 4 */
  /* hero agency area */
  .hero-agency-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hero-agency-area .agency-content {
    margin-left: 0;
  }
  .hero-agency-area .agency-content h1 {
    font-size: 25px;
  }
  .hero-agency-area .agency-content h1 .d-block {
    display: inline-block !important;
  }
  .hero-agency-area .agency-content .banner-btn.d-flex {
    display: block !important;
  }
  .hero-agency-area .agency-content .banner-btn .default-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .hero-agency-area .all-shapes {
    display: none;
  }
  .hero-agency-area .advice-area {
    bottom: 0;
  }
  .hero-agency-area .advice-area .advice-content ul li {
    font-size: 30px;
  }
  /*third-about-area*/
  .third-about-area .section-heading.mb-5 {
    margin-bottom: 30px !important;
  }
  .third-about-area .t-about-image .count-card {
    bottom: 0;
    left: 0;
    padding: 20px 50px;
  }
  .third-about-area .t-about-image .count-card h2 {
    font-size: 30px;
  }
  .third-about-area .t-about-content ul li {
    font-size: 14px;
  }
  /*third-services-area*/
  .third-services-area .t-services-card h3 a {
    font-size: 25px;
  }
  /*third-choose-area*/
  .third-choose-area .t-choose-image {
    width: 100%;
    height: 300px;
    position: relative;
  }
  .third-choose-area .t-choose-content .t-icon-wrap.d-flex {
    display: block !important;
  }
  .third-choose-area .t-choose-content .t-icon-wrap .logo {
    width: 90px;
    height: 80px;
    margin-bottom: 20px;
  }
  /*third-project-area*/
  .third-project-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .third-project-area .third-project-items {
    margin-left: 0;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  /* start-area */
  .start-area {
    margin-bottom: 50px;
  }
  .start-area .get-btn.text-end {
    text-align: start !important;
  }
  /* vedio area */
  .vedio-area.one {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .vedio-area.one .popup-btn i {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 62px;
  }
  .vedio-area.one .popup-btn i::after {
    left: -6px;
    width: 70px;
    height: 70px;
  }
  .vedio-area .contact-form {
    margin-top: 30px;
    padding: 20px 20px;
  }
  /* third-blog-area */
  .third-blog-area .t-blog-card .t-blog-card-body h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li {
    margin-right: 10px;
    font-size: 16px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li i {
    font-size: 18px;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area {
    padding-bottom: 0;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 35px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 40px;
  }
  .hero-five-area .f-hero-content h1 img {
    max-width: 125px;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 30px;
    width: 135px;
    height: 135px;
    line-height: 133px;
  }
  .hero-five-area .f-hero-content .round-btn .text-shape {
    left: 10px;
    top: 10px;
    max-width: 116px;
  }
  .hero-five-area .f-hero-content .round-btn .round-link {
    max-width: 40px;
  }
  .hero-five-area .f-hero-content .social {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: relative;
  }
  .hero-five-area .f-hero-content .social li i {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 20px;
  }
  .hero-five-area .f-hero-content .count-card {
    top: auto;
    left: 90px;
    right: auto;
    bottom: 90px;
  }
  .hero-five-area .f-hero-content .count-card h2 {
    font-size: 45px;
  }
  .hero-five-area .f-hero-content .count-card span {
    font-size: 18px;
  }
  /* about five area */
  .about-five-area .a-five-content {
    margin-bottom: 25px;
  }
  .about-five-area .a-five-content .about-btn.d-flex {
    display: block !important;
  }
  .about-five-area .a-five-content .about-btn.d-flex.mt-5 {
    margin-top: 30px !important;
  }
  .about-five-area .a-five-content .about-btn .default-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  /* project five area */
  .project-five-area .p-btn {
    margin-bottom: 25px;
  }
  .project-five-area .p-btn.text-end {
    text-align: start !important;
  }
  .project-five-area .f-project-card .content {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .project-five-area .f-project-card .content h4 {
    font-size: 25px;
    margin-bottom: 5px;
  }
  /* second pricing area */
  .second-pricing-area .second-p-card {
    padding: 30px 20px;
  }
  .second-pricing-area .second-p-card h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .second-pricing-area .second-p-card h4 {
    font-size: 40px;
    margin-bottom: 25px;
  }
  /* blog five area */
  .blog-five-area .p-btn {
    margin-bottom: 25px;
  }
  .blog-five-area .p-btn.text-end {
    text-align: start !important;
  }
  .blog-five-area .f-blog-card .f-card-body {
    padding: 20px 20px;
  }
  .blog-five-area .f-blog-card .f-card-body h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .blog-five-area .f-blog-card .f-card-body h3 a {
    font-size: 20px;
  }
  /* Home Page 6 */
  /* hero six area */
  .hero-six-area {
    padding-top: 50px;
  }
  .hero-six-area .all-shape {
    display: none;
  }
  .hero-six-area .h-six-content h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .hero-six-area .h-six-content h1 img {
    display: none;
  }
  .hero-six-area .h-six-content h1 span {
    margin-left: 0;
  }
  .hero-six-area .post-list {
    margin-bottom: 25px;
  }
  .hero-six-area .post-list p {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .hero-six-area .post-list .warp {
    margin-bottom: 25px;
  }
  .hero-six-area .post-list .warp ul li img {
    width: 42px;
    height: 42px;
  }
  .hero-six-area .post-list .warp .start i {
    font-size: 16px;
  }
  .hero-six-area .post-list .warp .start span {
    font-size: 18px;
    margin-bottom: 0;
    margin-bottom: 5px;
  }
  .hero-six-area .post-list .gap-5 {
    gap: 35px !important;
  }
  .hero-six-area .h-image .warp-cricle {
    left: 0;
    top: 0;
    transform: unset;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
  }
  .hero-six-area .round-btn {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
  .hero-six-area .round-btn .text-shape {
    left: 15px;
    top: 15px;
    max-width: 120px;
  }
  /* six features area */
  .six-features-area .s-features-card .s-card-body {
    padding: 80px 25px 40px;
  }
  .six-features-area .s-features-card .s-card-body h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .six-features-area .s-features-card .s-icon i {
    width: 120px;
    height: 120px;
    font-size: 55px;
    line-height: 120px;
  }
  /* six about area */
  .six-about-area .section-heading {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .six-about-area .six-a-image {
    margin-bottom: 50px;
  }
  .six-about-area .image-top {
    top: 30px;
    width: 100%;
    right: 0;
    position: relative;
  }
  .six-about-area .s-about-content {
    margin-left: 0;
  }
  .six-about-area .s-about-content .warp-list {
    margin-bottom: 25px;
  }
  .six-about-area .s-about-content .warp-list ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .six-about-area .s-about-content .warp-list ul li i {
    font-size: 18px;
  }
  /* six services area */
  .six-services-area .s-services-card {
    padding: 25px 25px;
  }
  .six-services-area .s-services-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .six-services-area .s-services-card .s-icon {
    margin-bottom: 20px;
  }
  .six-services-area .s-services-card .s-icon .icon img {
    width: 80px;
    height: 80px;
  }
  .six-services-area .s-services-card .s-icon .icon .w-image {
    width: 80px;
    height: 80px;
  }
  .six-services-area .s-services-card .s-icon .number {
    font-size: 45px;
  }
  /* six choose us area */
  .six-choose-us-area .s-choose-image {
    margin-bottom: 25px;
  }
  .six-choose-us-area .s-choose-content {
    margin-left: 0;
  }
  .six-choose-us-area .s-warp {
    padding: 20px 15px;
  }
  .six-choose-us-area .s-warp .icon {
    width: 50px;
    height: 50px;
    line-height: 45px;
  }
  .six-choose-us-area .s-warp .icon img {
    width: 35px;
    height: 35px;
  }
  .six-choose-us-area .s-warp span {
    font-size: 16px;
  }
  .six-choose-us-area .s-warp h4 {
    font-size: 18px;
    color: var(--white);
  }
  /* vedio area */
  .e-vedio-area {
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .e-vedio-area .partner-logo {
    text-align: center;
  }
  .e-vedio-area .partner.pb-120 {
    padding-bottom: 120px;
  }
  .e-vedio-area .popup-btn i::after {
    left: -20px;
    width: 100px;
    height: 100px;
  }
  /* six fun fact area */
  .fun-fact-six-area {
    margin-top: 50px;
    padding-bottom: 0;
  }
  .fun-fact-six-area::before {
    background-color: rgba(2, 19, 39, 0.69);
  }
  .fun-fact-six-area .row-gap.g-4, .fun-fact-six-area .row-gap .gx-4 {
    --bs-gutter-x: 0 !important;
  }
  .fun-fact-six-area .fun-fact-card h2 {
    font-size: 100px;
  }
  .fun-fact-six-area .marks {
    display: none;
  }
  /* events area */
  .events-area .events-card {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body h3 {
    margin-bottom: 10px;
  }
  .events-area .events-card .event-card-body h3 a {
    font-size: 20px;
  }
  .events-area .events-card .event-card-body p {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body a {
    color: var(--primary-color);
    font-size: 16px;
  }
  .events-area .events-card .event-card-body .map {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body .map a {
    font-size: 13px;
  }
  .events-area .events-card .event-card-body .map i {
    font-size: 15px;
  }
  .events-area .events-card .event-card-body ul li {
    font-size: 13px;
    margin-right: 5px;
  }
  .events-area .events-card .event-card-body ul li i {
    font-size: 15px;
  }
  /* six blog area */
  .six-blog-area .blog-card-six .content {
    padding: 25px 20px 0 25px;
  }
  .six-blog-area .blog-card-six .content h3 {
    font-size: 20px;
  }
  .six-blog-area .blog-card-six .blog-six-image {
    height: 300px;
  }
  /* Home Page 7 */
  /* hero seven area */
  .hero-seven-warp .hero-btn {
    bottom: 50px;
  }
  .hero-seven-area {
    padding-top: 50px;
    padding-bottom: 150px;
  }
  .hero-seven-area .hero-seven-content {
    margin-bottom: 25px;
  }
  .hero-seven-area .hero-seven-content h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .hero-seven-area .hero-seven-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .hero-seven-area .hero-seven-content .h-btn.d-flex {
    display: block !important;
  }
  .hero-seven-area .hero-seven-content .h-btn .default-btn {
    text-align: center;
    margin-bottom: 20px;
  }
  .hero-seven-area .hero-seven-content .h-btn .read {
    display: block;
  }
  .hero-seven-area .hero-warp {
    max-width: 100%;
  }
  .hero-seven-area .hero-warp .hero-card {
    padding: 20px 18px;
  }
  .hero-seven-area .hero-warp .hero-card.gap-4 {
    gap: 10px !important;
  }
  .hero-seven-area .hero-warp .hero-card .contant h4 {
    font-size: 18px;
  }
  .hero-seven-area .hero-warp .hero-card .contant p {
    font-size: 13px;
  }
  .hero-seven-area .hero-warp .hero-card .logo {
    width: 120px;
    height: 45px;
    line-height: 45px;
  }
  .hero-seven-area .hero-warp .hero-card .logo img {
    width: 30px;
    height: 30px;
  }
  /*about seven area */
  .about-seven-area .section-heading h2 {
    font-size: 23px;
  }
  .about-seven-area .about-seven-image {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .about-seven-area .about-seven-image .small-image {
    bottom: 0;
    margin-top: 25px;
    right: 0;
    position: relative;
  }
  .about-seven-area .about-seven-image .small-image img {
    max-width: 100%;
  }
  .about-seven-area .about-seven-image .count-card {
    top: 0;
    margin-top: 25px;
    right: 0;
    position: relative;
  }
  .about-seven-area .a-s-content {
    margin-left: 0;
  }
  .about-seven-area .a-s-content .s-warp .contant {
    max-width: 230px !important;
  }
  .about-seven-area .a-s-content .s-warp .contant h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .about-seven-area .a-s-content .s-warp .number {
    font-size: 35px;
  }
  /* seven services area */
  .seven-services-area .seven-services-card .icon {
    margin-bottom: 20px;
  }
  .seven-services-area .seven-services-card .icon img {
    max-width: 65px;
  }
  .seven-services-area .seven-services-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* s vedio area */
  .s-vedio-area .s-vedio-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .s-vedio-area .s-vedio-content .text-shape {
    top: -15px;
    left: 0;
    max-width: 100px;
  }
  .s-vedio-area .s-vedio-content .popup-btn i {
    width: 70px;
    height: 70px;
    font-size: 30px;
    line-height: 70px;
  }
  .s-vedio-area .s-vedio-content .popup-btn i::after {
    left: -30px;
    width: 130px;
    height: 130px;
  }
  /* s choose us area */
  .s-choose-us-area .s-choose-content {
    margin-bottom: 25px;
  }
  .s-choose-us-area .s-choose-content .section-heading h2 {
    font-size: 20px;
  }
  .s-choose-us-area .s-choose-content .warp-card.d-flex {
    display: block !important;
  }
  .s-choose-us-area .s-choose-content .warp-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .s-choose-us-area .s-choose-content .warp-card .icon {
    width: 70px;
    height: 60px;
    margin-bottom: 20px;
  }
  .s-choose-us-area .s-choose-image {
    margin-left: 0;
  }
  /* s blog card */
  .s-blog-card .s-content {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .s-blog-card .s-content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .s-blog-card .s-content ul li {
    margin-right: 10px;
  }
  .s-blog-card .s-content .icon {
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
  }
  /* event details */
  .events-details-area .info-card {
    padding: 25px 20px;
  }
  .events-details-area .info-card h3 {
    font-size: 20px;
  }
  .events-details-area .info-card ul li {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .events-details-area .e-detsils-content .contant span {
    font-size: 18px;
  }
  .events-details-area .e-detsils-content .contant ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .events-details-area .e-detsils-content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment.d-flex {
    display: block !important;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment img {
    width: 80px;
    height: 80px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .image-warp {
    margin-bottom: 20px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .image-warp.gap-4 {
    gap: 15px !important;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .c-warp {
    margin-bottom: 20px;
  }
  /* Home 8 */
  /* compliance-area */
  .compliance-area .com-content {
    padding: 30px 100px 30px;
  }
  .compliance-area .com-content h1 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .compliance-area .com-content p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .compliance-area .com-content .d-flex {
    display: block !important;
  }
  .compliance-area .com-content .d-flex .default-btn {
    margin-bottom: 20px;
  }
  /* compliance-services-area */
  .compliance-services-area .c-services-content ul li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    margin-right: 0;
  }
  .compliance-services-area .c-services-content ul li span {
    margin-right: 5px;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .compliance-services-area .c-services-content::before {
    display: none;
  }
  /* compliance-choose-us-area */
  .compliance-choose-us-area .c-image {
    height: 360px;
  }
  .compliance-choose-us-area .c-content .warps {
    padding: 25px 20px;
  }
  .compliance-choose-us-area .c-content .warps h3 {
    font-size: 20px;
  }
  /* compliance-contact-area */
  .compliance-contact-area .c-contact-items .c-items h3 {
    font-size: 25px;
  }
  .compliance-contact-area .c-contact-items .c-items .contact-card::before {
    display: none;
  }
  .compliance-contact-area .c-contact-items.p-5 {
    padding: 20px !important;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .shape {
    display: none;
  }
  .browsing-banner-area .shape1 {
    display: none;
  }
  .browsing-banner-area .browsing-content h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .browsing-banner-area .browsing-content .mb-4 {
    margin-bottom: 20px !important;
  }
  /* browsing-choose-area */
  .browsing-choose-area .b-content .t-icon-wrap h4 {
    font-size: 20px;
    color: var(--white);
  }
  /* home 10*/
  /* iot-banner-area */
  .iot-banner-area {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  .iot-banner-area::before {
    background: linear-gradient(280deg, rgba(2, 19, 39, 0.1) 0%, rgba(4, 24, 47, 0.9) 50%, rgba(4, 24, 47, 0.88) 100%);
  }
  .iot-banner-area .section-heading .sub-title {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .iot-banner-area .all-shapes {
    display: none;
  }
  .iot-banner-area .iot-content {
    margin-left: 0;
  }
  .iot-banner-area .iot-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .iot-banner-area .banner-btn.d-flex {
    display: block !important;
  }
  .iot-banner-area .banner-btn .default-btn {
    margin-bottom: 20px;
  }
}
/* Min width 576px */
@media only screen and (min-width: 576px) and (max-width: 768px) {
  /* hero area */
  .hero-area .hero-title h1 {
    font-size: 40px;
  }
  .hero-area .hero-title h1 img {
    max-width: 100px;
  }
  .hero-area .hero-image-items {
    height: 320px;
  }
  /* about area */
  .about-area .about-content .about-btn.d-flex {
    display: flex !important;
  }
  .about-area .about-content .about-btn.d-flex.mt-5 {
    margin-top: 40px !important;
  }
  .about-area .about-content .about-btn .default-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  /* about second area */
  .about-second-area h1 {
    bottom: 55%;
    font-size: 100px;
  }
  .about-second-area .about-second-content ul.ps-5 {
    padding-left: 50px !important;
  }
  /* team area */
  .team-area .team-card {
    padding: 25px 20px;
  }
  /* choose us area */
  .choose-us-area .choose-content .choose-card h4 {
    font-size: 20px;
  }
  /* services area */
  .services-content.mb-5 {
    margin-bottom: 30px !important;
  }
  /* footer area */
  .footer-area .footer-shape {
    top: 85%;
    right: 53%;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 520px;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 60px;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 45px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 50px;
  }
  .hero-five-area .f-hero-content h1 img {
    max-width: 160px;
  }
  .hero-five-area .f-hero-content .count-card {
    top: auto;
    left: auto;
    right: 35px;
    bottom: 125px;
  }
  /* Home Page 6 */
  .hero-six-area .h-image .warp-cricle {
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
  }
}
/* Min width 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 720px;
  }
  .container-fluid.wa-padding {
    max-width: 720px;
  }
  .ptb-120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-120 {
    padding-top: 60px;
  }
  .pb-120 {
    padding-bottom: 60px;
  }
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  /* section title */
  .section-title {
    margin-bottom: 30px;
  }
  .section-title h2 {
    font-size: 30px;
  }
  /* section heading */
  .section-heading {
    margin-bottom: 30px;
  }
  .section-heading h2 {
    font-size: 30px;
  }
  /* popup btn */
  .popup-btn i {
    font-size: 32px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .popup-btn i::after {
    left: -6px;
    width: 80px;
    height: 80px;
  }
  /* top header area */
  .top-header-area .social {
    text-align: center;
  }
  .top-header-area .items li a {
    font-size: 14px;
  }
  .top-header-area .top-header-content {
    text-align: start !important;
  }
  /* navbar */
  .navbar .others-options {
    display: none;
  }
  /* hero area */
  .hero-area .hero-title {
    margin-bottom: 25px;
  }
  .hero-area .hero-title h1 {
    font-size: 60px;
  }
  .hero-area .hero-title h1 img {
    max-width: 150px;
  }
  .hero-area .mb-5 {
    margin-bottom: 55px !important;
  }
  .hero-area .hero-image-items {
    height: 420px;
  }
  .hero-area .hero-shape {
    display: none;
  }
  .hero-area .hero-shape1 {
    display: none;
  }
  .hero-area .hero-shape2 {
    display: none;
  }
  /* banner area */
  .banner-area {
    padding-top: 70px;
  }
  .banner-area .banner-content h1 {
    font-size: 60px;
  }
  .banner-area .banner-content p {
    font-size: 16px;
  }
  .banner-area .banner-image-items .banner-image {
    margin-top: 0;
  }
  .banner-area .banner-image-items .banner-image img {
    width: 100%;
  }
  .banner-area .shape {
    display: none;
  }
  .banner-area .shape1 {
    display: none;
  }
  .banner-area .shape2 {
    display: none;
  }
  /* advice area */
  .advice-area {
    padding-top: 15px;
    padding-bottom: 12px;
  }
  .advice-area .advice-content.gap-4 {
    gap: 20px !important;
  }
  .advice-area .advice-content h3 {
    font-size: 50px;
  }
  .advice-area.style-one .advice-content h3 {
    font-size: 50px;
  }
  /* about area */
  .about-area .about-image {
    margin-bottom: 25px;
  }
  .about-area .about-content {
    max-width: 100%;
  }
  /* about second area */
  .about-second-area h1 {
    bottom: 40%;
    left: 50px;
    font-size: 100px;
  }
  .about-second-area .second-about-image .image1 {
    position: relative;
    max-width: 100%;
  }
  /* features area */
  .features-area .features-card {
    padding: 25px 25px;
  }
  .features-area .features-card h3 {
    font-size: 25px;
  }
  /* main services area */
  .main-services-area .section-title {
    margin-bottom: 0;
  }
  .main-services-area .service-items {
    padding-left: 0;
    padding-right: 0;
  }
  .main-services-area .service-items h2 {
    width: 200px;
    font-size: 18px;
  }
  .main-services-area .service-items p {
    margin-left: 0;
    max-width: 440px;
    font-size: 14px;
  }
  .main-services-area .service-items .icon-a {
    top: 40%;
    right: 0;
  }
  .main-services-area .service-items .icon-a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .main-services-area .service-items.gap-4 {
    gap: 15px !important;
  }
  .main-services-area .service-items .service-image {
    max-width: 200px;
    top: 20%;
  }
  .main-services-area .service-items i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .main-services-area .service-items h2 {
    font-size: 16px;
  }
  .main-services-area .service-items p {
    max-width: 365px;
  }
  .main-services-area .service-items:hover .service-image {
    top: 15%;
  }
  /* services area */
  .services-area .services-card {
    padding: 30px 20px;
  }
  .services-area .services-card h4 {
    font-size: 20px;
  }
  .services-area .services-card i {
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
  }
  .services-area .services-card p {
    margin-bottom: 20px;
  }
  /* portfolio area */
  .portfolio-area-style .portfolio-content {
    width: 100%;
    display: block;
    padding: 0;
  }
  .portfolio-area-style .slide {
    width: 100%;
    margin-bottom: 20px;
  }
  .portfolio-area-style .slide .slide-body {
    width: 100%;
    padding: 20px 25px;
  }
  .portfolio-area-style .slide .slide-body h3 {
    font-size: 25px;
  }
  /* project area */
  .project-area .project-items {
    margin: 0 0;
  }
  .project-area .project-items .project-card .project-card-body {
    margin: -30px 15px 0;
    padding: 25px 18px 18px;
  }
  .project-area .project-items .project-card .project-card-body i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  .project-area .project-items .project-card .project-card-body span {
    font-size: 16px;
  }
  .project-area .project-items .project-card .project-card-body h4 {
    font-size: 20px;
  }
  /* choose us area */
  .choose-us-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .choose-us-area .choose-image {
    position: relative;
    width: 100%;
    height: 420px;
  }
  .choose-us-area .choose-content {
    margin-left: 0;
  }
  .choose-us-area .choose-content .choose-card .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .choose-us-area .choose-content .choose-card .icon img {
    max-width: 45px;
  }
  /* review area */
  .review-area .review-image {
    margin-bottom: 25px;
  }
  .review-area .review-image img {
    width: 100%;
  }
  .review-area .review-content {
    margin-left: 0;
  }
  .review-area .review-content .icon.mb-4 {
    margin-bottom: 15px !important;
  }
  .review-area .review-content p {
    font-size: 20px;
  }
  .review-area .review-content .r-name img {
    width: 70px;
    height: 70px;
  }
  /* testimonial area */
  .testimonial-area .testimonial-items {
    margin: 0 0;
  }
  .testimonial-area .testimonial-items .testimonials-card {
    padding: 20px 25px;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant .mb-4 {
    margin-bottom: 8px !important;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant p {
    font-size: 15px;
  }
  /* testimonial area */
  .testimonial-area .container-fluid {
    max-width: 960px;
  }
  .testimonial-area .testimonial-items {
    margin: 0;
  }
  /* client area */
  .clients-card {
    padding: 20px 25px;
  }
  .clients-card .mb-4 {
    margin-bottom: 15px !important;
  }
  .clients-card p {
    font-size: 15px;
  }
  .clients-card .content img {
    width: 65px;
    height: 65px;
  }
  .clients-card .content h4 {
    font-size: 20px;
  }
  .clients-card .content h6 {
    font-size: 16px;
  }
  /* pricing area */
  .pricing-area .pricing-card .pricing-card-body {
    margin-bottom: 20px;
    padding: 20px 15px 20px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon i {
    font-size: 30px;
    width: 55px;
    height: 55px;
    line-height: 56px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon h3 {
    padding: 5px 10px;
    font-size: 18px;
  }
  .pricing-area .pricing-card .pricing-card-body .content h4 {
    font-size: 35px;
  }
  .pricing-area .pricing-card ul li {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .pricing-area .pricing-card ul.mb-4 {
    margin-bottom: 25px !important;
  }
  /* vedio area */
  .vedio-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  /* fun fact area */
  .fun-fact-area .count-content .count-items {
    margin-left: 0;
  }
  .fun-fact-area .count-content.style-1 {
    margin-top: 0;
  }
  .fun-fact-area .count-content.ptb-100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .fun-fact-area .count-content.px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .fun-fact-area .count-content .count-card .icon i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 28px;
  }
  .fun-fact-area .count-content .count-card h2 {
    font-size: 30px;
  }
  .fun-fact-area .count-content .count-card span {
    font-size: 18px;
  }
  /* blog area */
  .blog-area .blog-card {
    padding: 15px;
  }
  .blog-area .blog-card .blog-card-body .name-item {
    margin-bottom: 10px;
  }
  .blog-area .blog-card .blog-card-body .name-item.gap-5 {
    gap: 20px !important;
  }
  .blog-area .blog-card .blog-card-body h3 {
    font-size: 18px;
  }
  .blog-area .blog-card .blog-card-body h3.mb-3 {
    margin-bottom: 15px !important;
  }
  /* news area */
  .news-card .news-card-body .content {
    margin-bottom: 10px;
  }
  .news-card .news-card-body h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  /* service details area */
  .service-details h3 {
    margin-bottom: 10px;
    font-size: 25px;
  }
  .service-details .services-features .features-content {
    margin-left: 0;
  }
  .service-details .services-features .features-content ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* contact area */
  .contact-area .contact-content {
    max-width: 100%;
  }
  .contact-area .contact-image {
    margin-left: 0;
  }
  /* privacy policy area */
  .privacy-policy-area .privacy-policy-content .information-collection h4 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .privacy-policy-area .privacy-policy-content .information-collection p {
    font-size: 16px;
  }
  /* newslatter area */
  .newslatter-area .section-heading h2 {
    font-size: 40px;
  }
  .newslatter-area.style-one .ptb-100 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .newslatter-area.style-one .px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .newslatter-area .sub-image {
    text-align: center;
  }
  /* footer area */
  .footer-area .footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .footer-area .footer-widget.one {
    padding-left: 0 !important;
  }
  /* Home Page 3
  second hero area\*/
  .second-hero-area {
    padding-bottom: 100px;
  }
  .second-hero-area .hero-image-items .second-hero-content {
    margin-right: 0;
    padding-bottom: 40px;
  }
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 55px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 0;
  }
  .second-hero-area .second-banner-widget {
    max-width: 100% !important;
  }
  .second-hero-area .third-hero-shape {
    top: 20px;
    max-width: 180px;
  }
  /* about area */
  .about-us-area .about-us-image-items {
    margin-left: 0;
  }
  .about-us-area .about-us-image-items .about-style1 {
    margin-left: 0;
  }
  /* services */
  .second-services-area .sticky {
    position: relative;
    top: 0;
  }
  .second-services-area .services-post {
    padding: 30px 25px;
  }
  /* Features */
  .features-area-style .features-single {
    padding: 30px 25px;
  }
  .features-area-style .features-single .server {
    width: 60px;
    height: 60px;
    line-height: 63px;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .features-area-style .features-single p {
    font-size: 15px;
  }
  .features-area-style .features-single h4 {
    font-size: 22px;
  }
  /* Choose */
  .why-choose-us-area .why-choose-us-image {
    max-width: 100%;
    margin-left: auto;
  }
  /* project */
  .second-project-area .projectas-single .project-image .project-card-body {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .second-project-area .projectas-single .project-image .project-card-body h3 {
    font-size: 20px;
  }
  /* team */
  .second-team-area .team-single {
    padding: 25px 20px;
  }
  .second-team-area .team-single .team-image {
    margin-bottom: 20px;
  }
  .second-team-area .team-single .team-image .social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .second-team-area .team-single .team-card-body h4 {
    font-size: 20px;
  }
  /* price */
  .price-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .price-area .price-content h2 {
    font-size: 30px;
  }
  .price-area .price-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  /* artical */
  .artical-area .artical-card .artical-card-body h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .artical-area .artical-card .artical-card-body p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .artical-area .artical-card .artical-card-body .read {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* Home Page 4 */
  /* hero agency area */
  .hero-agency-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .hero-agency-area .agency-content {
    margin-left: 0;
  }
  .hero-agency-area .agency-content h1 {
    font-size: 60px;
  }
  .hero-agency-area .shape {
    display: none;
  }
  .hero-agency-area .shape1 {
    display: none;
  }
  .hero-agency-area .hero-shape2 {
    top: 45px;
    left: 30px;
  }
  .hero-agency-area .advice-area {
    bottom: 0;
  }
  /*third-about-area*/
  .third-about-area .t-about-image {
    max-width: 100%;
  }
  .third-about-area .t-about-image .count-card {
    left: 0;
    bottom: 0;
  }
  /*third-choose-area*/
  .third-choose-area .t-choose-image {
    width: 100%;
    height: 500px;
    position: relative;
  }
  /*third-project-area*/
  .third-project-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .third-project-area .third-project-items {
    margin-left: 0;
  }
  .third-project-area .third-project-items .section-heading {
    max-width: 520px;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  /* start-area */
  .start-area .get-btn.text-end {
    text-align: start !important;
  }
  /* vedio area */
  .vedio-area.one .popup-btn i {
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .vedio-area.one .popup-btn i::after {
    left: -6px;
    width: 90px;
    height: 90px;
  }
  .vedio-area .contact-form {
    margin-top: 30px;
    padding: 30px 20px;
  }
  /* third-blog-area */
  .third-blog-area .t-blog-card .t-blog-card-body {
    padding: 30px 25px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li {
    margin-right: 10px;
    font-size: 16px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li i {
    font-size: 18px;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 100%;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 60px;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 80px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 80px;
  }
  .hero-five-area .f-hero-content h1 img {
    max-width: 265px;
  }
  .hero-five-area .f-hero-content .count-card {
    top: 58%;
    left: 40px;
    position: absolute;
  }
  .hero-five-area .f-hero-content .count-card span {
    font-size: 20px;
  }
  .hero-five-area .f-hero-content .count-card h2 {
    font-size: 50px;
  }
  .hero-five-area .f-hero-content .social {
    top: 65%;
    right: 40px;
  }
  /* about five area */
  .about-five-area .a-five-content {
    margin-bottom: 30px;
  }
  .about-five-area .a-five-image {
    max-width: 100%;
    margin: auto;
  }
  .about-five-area .a-five-image img {
    width: 100%;
  }
  /* project five area */
  .project-five-area .f-project-card .content {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .project-five-area .f-project-card .content h4 {
    font-size: 25px;
    margin-bottom: 5px;
  }
  /* blog five area */
  .blog-five-area .f-blog-card .f-card-body {
    padding: 20px 20px;
  }
  .blog-five-area .f-blog-card .f-card-body h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .blog-five-area .f-blog-card .f-card-body h3 a {
    font-size: 22px;
  }
  /* Home Page 6 */
  .hero-six-area {
    padding-top: 70px;
  }
  .hero-six-area .all-shape {
    display: none;
  }
  .hero-six-area .h-six-content h1 {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 55px;
  }
  .hero-six-area .h-six-content h1 img {
    display: none;
  }
  .hero-six-area .h-six-content h1 span {
    margin-left: 0;
  }
  .hero-six-area .post-list {
    margin-bottom: 25px;
  }
  .hero-six-area .post-list .gap-5 {
    gap: 35px !important;
  }
  .hero-six-area .h-image .warp-cricle {
    left: -25px;
  }
  .hero-six-area .round-btn {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
  .hero-six-area .round-btn .text-shape {
    left: 15px;
    top: 15px;
    max-width: 120px;
  }
  /* six features area */
  .six-features-area .s-features-card .s-card-body {
    padding: 80px 25px 40px;
  }
  .six-features-area .s-features-card .s-card-body h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .six-features-area .s-features-card .s-icon i {
    width: 120px;
    height: 120px;
    font-size: 55px;
    line-height: 120px;
  }
  /* six about area */
  .six-about-area .section-heading {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .six-about-area .six-a-image {
    margin-bottom: 30px;
  }
  .six-about-area .image-top {
    top: 135px;
    right: -145px;
  }
  .six-about-area .s-about-content {
    margin-left: 0;
  }
  /* six choose us area */
  .six-choose-us-area .s-choose-image {
    margin-bottom: 25px;
    max-width: 100% !important;
  }
  .six-choose-us-area .s-choose-content {
    margin-left: 0;
  }
  /* vedio area */
  .e-vedio-area {
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .e-vedio-area .partner-logo {
    text-align: center;
  }
  .e-vedio-area .partner.pb-120 {
    padding-bottom: 120px;
  }
  .e-vedio-area .popup-btn i::after {
    left: -15px;
    width: 100px;
    height: 100px;
  }
  /* six fun fact area */
  .fun-fact-six-area {
    margin-top: 60px;
  }
  .fun-fact-six-area::before {
    background-color: rgba(2, 19, 39, 0.69);
  }
  .fun-fact-six-area .row-gap.g-4, .fun-fact-six-area .row-gap .gx-4 {
    --bs-gutter-x: 0 !important;
  }
  .fun-fact-six-area .fun-fact-card span {
    right: -10px;
    font-size: 16px;
  }
  .fun-fact-six-area .fun-fact-card h2 {
    font-size: 60px;
  }
  .fun-fact-six-area .marks {
    display: none;
  }
  /* events area */
  .events-area .events-card {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body h3 {
    margin-bottom: 10px;
  }
  .events-area .events-card .event-card-body h3 a {
    font-size: 20px;
  }
  .events-area .events-card .event-card-body p {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body a {
    color: var(--primary-color);
    font-size: 16px;
  }
  .events-area .events-card .event-card-body .map {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body .map a {
    font-size: 13px;
  }
  .events-area .events-card .event-card-body .map i {
    font-size: 15px;
  }
  .events-area .events-card .event-card-body ul li {
    font-size: 13px;
    margin-right: 5px;
  }
  .events-area .events-card .event-card-body ul li i {
    font-size: 15px;
  }
  /* six blog area */
  .six-blog-area .blog-card-six .content {
    padding: 25px 0 24px 25px;
  }
  .six-blog-area .blog-card-six .content h3 {
    font-size: 20px;
  }
  .six-blog-area .blog-card-six .blog-six-image {
    height: 270px;
  }
  /* Home Page 7 */
  /* hero seven area */
  .hero-seven-warp .hero-btn {
    bottom: 70px;
  }
  .hero-seven-area {
    padding-top: 70px;
    padding-bottom: 170px;
  }
  .hero-seven-area .hero-seven-content {
    margin-bottom: 25px;
  }
  .hero-seven-area .hero-seven-content h1 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
  }
  .hero-seven-area .hero-seven-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .hero-seven-area .hero-warp {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  /* about seven area */
  .about-seven-area .a-s-content {
    margin-left: 0;
  }
  .about-seven-area .about-seven-image {
    max-width: 500px;
    margin-bottom: 25px;
  }
  .about-seven-area .about-seven-image .small-image img {
    max-width: 350px;
  }
  .about-seven-area .about-seven-image .count-card {
    top: 50px;
  }
  /* seven services area */
  .seven-services-area .seven-services-card .icon {
    margin-bottom: 20px;
  }
  .seven-services-area .seven-services-card .icon img {
    max-width: 65px;
  }
  .seven-services-area .seven-services-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* s vedio area */
  .s-vedio-area .s-vedio-content {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  /* s choose us area */
  .s-choose-us-area .s-choose-content {
    margin-bottom: 25px;
  }
  .s-choose-us-area .s-choose-image {
    margin-left: 0;
  }
  /* s blog card */
  .s-blog-card .s-content {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .s-blog-card .s-content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .s-blog-card .s-content ul li {
    margin-right: 10px;
  }
  .s-blog-card .s-content .icon {
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
  }
  /* Home 8 */
  /* compliance-area */
  .compliance-area .com-content h1 {
    font-size: 60px;
  }
  /* compliance about area */
  .compliance-about-area .image-items {
    max-width: 100% !important;
  }
  /* compliance-services-area */
  .compliance-services-area .c-services-content::before {
    display: none;
  }
  /* compliance-choose-us-area */
  .compliance-choose-us-area .c-image {
    height: 850px;
  }
  /* compliance-contact-area */
  .compliance-contact-area .c-contact-items .c-items .contact-card::before {
    right: 25px;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .shape {
    display: none;
  }
  /* faq-area */
  .faq-area .faq-image {
    max-width: 100% !important;
  }
  /* app-area */
  .app-area .app-image {
    max-width: 100% !important;
  }
  /* home 10*/
  /* iot-banner-area */
  .iot-banner-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .iot-banner-area::before {
    background: linear-gradient(280deg, rgba(2, 19, 39, 0.1) 0%, rgba(4, 24, 47, 0.9) 50%, rgba(4, 24, 47, 0.88) 100%);
  }
  .iot-banner-area .all-shapes {
    display: none;
  }
  .iot-banner-area .iot-content {
    margin-left: 0;
  }
  /* iot-choose-area */
  .iot-choose-area .iot-image {
    max-width: 100% !important;
  }
}
/* Min width 992px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 960px;
  }
  .container-fluid.wa-padding {
    max-width: 960px;
  }
  .ptb-120 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pt-120 {
    padding-top: 90px;
  }
  .pb-120 {
    padding-bottom: 90px;
  }
  .ptb-100 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pt-100 {
    padding-top: 90px;
  }
  .pb-100 {
    padding-bottom: 90px;
  }
  /* top header area */
  .top-header-area .top-header-content ul li {
    margin-right: 15px;
  }
  .top-header-area .top-header-content ul li::before {
    right: -12px;
  }
  .top-header-area .top-header-content ul li span {
    font-size: 13px;
  }
  .top-header-area .top-header-content ul li a {
    font-size: 13px;
  }
  .top-header-area .top-header-content ul li .coll {
    font-size: 13px;
  }
  /* navbar */
  .navbar .navbar-brand {
    margin-right: 40px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 10px;
    margin-right: 10px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }
  .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-right: 15px;
  }
  /* hero area */
  .hero-area .hero-title {
    margin-bottom: 40px;
  }
  .hero-area .hero-title h1 {
    font-size: 80px;
  }
  .hero-area .hero-title h1 img {
    max-width: 150px;
  }
  .hero-area .hero-image-items {
    height: 580px;
  }
  .hero-area .hero-shape1 {
    top: 340px;
    right: 20%;
  }
  .hero-area .hero-shape2 {
    top: 370px;
    left: 180px;
  }
  /* banner area */
  .banner-area .banner-content h1 {
    font-size: 45px;
  }
  .banner-area .shape1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* advice area */
  .advice-area {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .advice-area .advice-content.gap-4 {
    gap: 25px !important;
  }
  .advice-area .advice-content h3 {
    font-size: 70px;
  }
  .advice-area.style-one .advice-content h3 {
    font-size: 70px;
  }
  /* about area */
  .about-area .about-image .image-1 img {
    max-width: 670px !important;
  }
  .about-area .about-image .image-2 {
    margin-left: 500px;
  }
  .about-area .about-content {
    max-width: 100%;
  }
  /* about second area */
  .about-second-area .count-card {
    right: 200px;
  }
  .about-second-area h1 {
    bottom: 53%;
    left: 0;
  }
  /* features area */
  .features-area .features-card {
    padding: 20px 20px;
  }
  .features-area .features-card h3 {
    font-size: 20px;
  }
  .features-area .features-card .features-image img {
    max-width: 250px;
  }
  /* main services area */
  .main-services-area .section-title {
    margin-bottom: 0;
  }
  .main-services-area .service-items {
    padding-left: 0;
    padding-right: 0;
  }
  .main-services-area .service-items p {
    margin-left: 0;
    max-width: 440px;
  }
  .main-services-area .service-items .icon-a {
    top: 40%;
    right: 0;
  }
  .main-services-area .service-items.gap-4 {
    gap: 15px !important;
  }
  .main-services-area .service-items .service-image {
    max-width: 200px;
    top: 20%;
  }
  .main-services-area .service-items:hover .service-image {
    top: 5%;
    right: 10%;
  }
  /* services area */
  .services-area .services-card {
    padding: 30px 20px;
  }
  .services-area .services-card h4 {
    font-size: 20px;
  }
  .services-area .services-card i {
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
  }
  .services-area .services-card p {
    margin-bottom: 20px;
  }
  /* portfolio area */
  .portfolio-area-style .slide {
    width: 100%;
    margin-bottom: 20px;
  }
  .portfolio-area-style .slide .slide-body {
    padding: 20px 25px;
  }
  .portfolio-area-style .slide .slide-body h3 {
    font-size: 25px;
  }
  /* project area */
  .project-area .project-items {
    margin: 0 0;
  }
  .project-area .project-items .project-card .project-card-body {
    margin: -30px 20px 0;
    padding: 25px 20px 18px;
  }
  .project-area .project-items .project-card .project-card-body i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  .project-area .project-items .project-card .project-card-body span {
    font-size: 16px;
  }
  .project-area .project-items .project-card .project-card-body h4 {
    font-size: 23px;
  }
  /* choose us area */
  .choose-us-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .choose-us-area .choose-image {
    position: relative;
    width: 100%;
    height: 540px;
  }
  .choose-us-area .choose-content {
    margin-left: 0;
  }
  /* second choose us area */
  .second-choose-area .second-choose-image {
    max-width: 100% !important;
  }
  /* review area */
  .review-area {
    padding-top: 0;
  }
  .review-area .review-content {
    margin-left: 0;
  }
  .review-area .review-content .icon.mb-4 {
    margin-bottom: 15px !important;
  }
  .review-area .review-content p {
    font-size: 16px;
  }
  .review-area .review-content .r-name img {
    width: 60px;
    height: 60px;
  }
  .review-area .review-items .review-btn {
    bottom: -50px;
  }
  .review-area .review-items .review-btn.style-1 {
    right: 45px;
  }
  .review-area .review-items .review-btn .swiper-button-next, .review-area .review-items .review-btn .swiper-button-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .review-area .review-items .review-btn .swiper-button-next {
    right: 48px;
    bottom: 20px;
  }
  /* testimonial area */
  .testimonial-area .container-fluid {
    max-width: 960px;
  }
  .testimonial-area .testimonial-items {
    margin: 0;
  }
  /* vedio area */
  .vedio-area {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  /* fun fact area */
  .fun-fact-area .count-content.ptb-100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .fun-fact-area .count-content.px-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .fun-fact-area .count-content.style-1 {
    margin-top: 0;
  }
  .fun-fact-area .count-content .count-card .icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .fun-fact-area .count-content .count-card h2 {
    font-size: 28px;
  }
  .fun-fact-area .count-content .count-card span {
    font-size: 13px;
  }
  .fun-fact-area .count-content .count-items {
    margin-left: 0;
  }
  .fun-fact-area .count-content .style-one {
    padding-left: 30px;
  }
  .fun-fact-area.style-one .count-content.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .fun-fact-area .count-content .style-one.g-4 {
    --bs-gutter-x: 45px !important;
  }
  /* blog area */
  .blog-area .blog-card {
    padding: 12px;
  }
  .blog-area .blog-card .blog-card-body .name-item {
    margin-bottom: 10px;
  }
  .blog-area .blog-card .blog-card-body .name-item.gap-5 {
    gap: 20px !important;
  }
  .blog-area .blog-card .blog-card-body p {
    font-size: 14px;
  }
  .blog-area .blog-card .blog-card-body h3 {
    font-size: 16px;
  }
  .blog-area .blog-card .blog-card-body h3.mb-3 {
    margin-bottom: 15px !important;
  }
  /* h-2 */
  .news-area .d-block {
    display: inline-block !important;
  }
  .news-card .news-card-body .content li {
    font-size: 16px;
  }
  /* service details area */
  .service-details .services-features .features-content {
    margin-left: 0;
  }
  .service-details .services-features .features-content ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .service-details h3 {
    margin-bottom: 15px;
    font-size: 25px;
  }
  .service-leftside h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .service-leftside .secuity-card ul li a {
    font-size: 14px;
  }
  .categoris-card ul {
    font-size: 14px;
  }
  .categoris-card ul li a {
    font-size: 14px;
  }
  .bg-border {
    padding: 25px 20px;
  }
  /* blog left side area */
  .blog-left-side .recent-post ul li h3 {
    font-size: 14px;
  }
  .blog-left-side .recent-post ul li h5 {
    font-size: 13px;
  }
  .blog-left-side .tags-card li a {
    font-size: 15px;
  }
  /* contact area */
  .contact-area .contact-content {
    max-width: 100%;
  }
  .contact-area .contact-content .contact-card {
    padding: 30px 25px 30px 25px;
  }
  .contact-area .contact-content .contact-card i {
    width: 60px;
    height: 60px;
    font-size: 35px;
    line-height: 60px;
  }
  .contact-area .contact-content .contact-card h6 {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .contact-area .contact-image {
    margin-left: 0;
  }
  /* news area */
  .news-card .news-card-body .content {
    margin-bottom: 10px;
  }
  .news-card .news-card-body h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* footer area */
  .footer-area .footer-widget h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .footer-area .footer-widget .logo img {
    max-width: 120px;
  }
  .footer-area .footer-widget .mail-list i {
    font-size: 18px;
  }
  .footer-area .footer-widget .mail-list.gap-3 {
    gap: 8px !important;
  }
  .footer-area .footer-widget .mail-list.mb-3 {
    margin-bottom: 12px !important;
  }
  .footer-area .footer-widget .mail-list h6 {
    font-size: 15px;
  }
  .footer-area .footer-widget .mail-list a {
    font-size: 14px;
  }
  .footer-area .footer-widget .social li a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 18px;
  }
  .footer-area .footer-widget ul li {
    font-size: 15px;
  }
  .footer-area .footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .footer-area .footer-widget.one {
    padding-left: 0 !important;
  }
  .footer-area .footer-shape {
    right: 4%;
    top: 30px;
  }
  /* Home Page 3*/
  /* second hero area*/
  .second-hero-area .hero-image-items .second-hero-content {
    margin-right: 0;
    padding-bottom: 50px;
  }
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 85px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 130px;
  }
  .second-hero-area .third-hero-shape {
    position: absolute;
    top: 5px;
    right: 100px;
    opacity: 50%;
    max-width: 200px;
  }
  .second-hero-area .second-banner-widget {
    margin-right: auto !important;
    margin-left: 0 !important;
    max-width: 800px !important;
  }
  /* about us area */
  .about-us-area .section-heading h2 {
    font-size: 35px;
  }
  .about-us-area .section-heading h2.mb-3 {
    margin-bottom: 10px !important;
  }
  .about-us-area .section-heading.mb-5 {
    margin-bottom: 25px !important;
  }
  .about-us-area .second-warp-card {
    padding: 20px 20px 20px 35px;
  }
  .about-us-area .second-warp-card h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .about-us-area .second-warp-card h4::before {
    width: 10px;
    height: 10px;
  }
  .about-us-area .second-warp-card p {
    font-size: 14px;
  }
  .about-us-area .about-us-image-items {
    margin-left: 0;
  }
  .about-us-area .about-us-image-items .about-style1 {
    margin-left: 0;
  }
  /* services */
  .second-services-area .sticky {
    position: relative;
    top: 0;
  }
  .second-services-area .services-post {
    padding: 25px 20px;
  }
  .second-services-area .services-post .service-warp {
    max-width: 465px;
  }
  .second-services-area .services-post .service-warp ul {
    margin-bottom: 20px;
  }
  .second-services-area .services-post .service-warp h3 {
    font-size: 30px;
    margin-bottom: 14px;
  }
  .second-services-area .services-post .service-warp p {
    font-size: 14px;
  }
  /* Features */
  .features-area-style .features-single {
    padding: 20px 20px;
  }
  .features-area-style .features-single .server {
    width: 60px;
    height: 60px;
    line-height: 63px;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .features-area-style .features-single p {
    font-size: 14px;
  }
  .features-area-style .features-single h4 {
    font-size: 22px;
  }
  /* choose */
  .why-choose-us-area .section-heading h2 {
    font-size: 37px;
  }
  .why-choose-us-area .section-heading h2.mb-5 {
    margin-bottom: 30px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single p {
    font-size: 14px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.pe-4 {
    padding-right: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.ps-4 {
    padding-left: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon {
    margin-bottom: 15px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon.gap-4 {
    gap: 10px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon h4 {
    font-size: 20px;
  }
  /* project */
  .second-project-area .projectas-single .project-image .project-card-body {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .second-project-area .projectas-single .project-image .project-card-body h3 {
    font-size: 20px;
  }
  /* team */
  .second-team-area .team-single {
    padding: 20px 18px;
  }
  .second-team-area .team-single .team-image {
    margin-bottom: 15px;
  }
  .second-team-area .team-single .team-image .social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
  }
  .second-team-area .team-single .team-card-body h4 {
    font-size: 20px;
  }
  /* price */
  .price-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /* Home Page 4 */
  /* .hero-agency-area */
  .hero-agency-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .hero-agency-area .agency-content {
    margin-left: 0;
  }
  .hero-agency-area .agency-content h1 {
    font-size: 45px;
  }
  .hero-agency-area .shape {
    top: 55px;
  }
  /* hero-card-area */
  .hero-card-area .hero-card {
    padding: 0 20px 25px 20px;
  }
  .hero-card-area .hero-card h3 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .hero-card-area .hero-card p {
    font-size: 13px;
  }
  .hero-card-area .hero-card .hero-logo {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-top: -50px;
  }
  .hero-card-area .hero-card .hero-logo img {
    max-width: 40px;
  }
  /*third-about-area*/
  .third-about-area .section-heading.mb-5 {
    margin-bottom: 25px !important;
  }
  .third-about-area .section-heading h2 {
    font-size: 30px;
  }
  .third-about-area .section-heading p {
    font-size: 14px;
  }
  .third-about-area .t-about-image {
    max-width: 100%;
  }
  .third-about-area .t-about-image .count-card {
    bottom: 0;
    left: 0;
  }
  .third-about-area .t-about-content ul.mb-5 {
    margin-bottom: 25px !important;
  }
  .third-about-area .t-about-content ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
  /*third-services-area*/
  .third-services-area .t-services-card h3 a {
    font-size: 25px;
  }
  .third-services-area .t-services-card p {
    font-size: 14px;
  }
  /*third-choose-area*/
  .third-choose-area .section-heading {
    margin-bottom: 35px;
  }
  .third-choose-area .section-heading h2 {
    font-size: 35px;
  }
  .third-choose-area .t-choose-image {
    width: 100%;
    height: 500px;
    position: relative;
  }
  .third-choose-area .t-choose-content .t-icon-wrap .content h4 {
    font-size: 20px;
  }
  .third-choose-area .t-choose-content .t-icon-wrap .logo {
    width: 125px;
    height: 60px;
    line-height: 55px;
  }
  .third-choose-area .t-choose-content .t-icon-wrap .logo img {
    max-width: 35px;
  }
  /*third-project-area*/
  .third-project-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .third-project-area .third-project-items {
    margin-left: 0;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  /* third-blog-area */
  .third-blog-area .t-blog-card .t-blog-card-body {
    padding: 30px 25px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li {
    margin-right: 10px;
    font-size: 16px;
  }
  .third-blog-area .t-blog-card .t-blog-card-body ul li i {
    font-size: 18px;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 100%;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 60px;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 115px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 120px;
  }
  .hero-five-area .f-hero-content .social {
    top: 72%;
    right: 0;
  }
  .hero-five-area .f-hero-content .count-card {
    left: 60px;
  }
  /* about five area */
  .about-five-area .section-heading h2 {
    font-size: 35px;
  }
  .about-five-area .section-heading.mb-5 {
    margin-bottom: 35px !important;
  }
  .about-five-area .a-five-image {
    max-width: 100%;
    margin: auto;
  }
  .about-five-area .a-five-content .warp-card h4 {
    font-size: 20px;
  }
  .about-five-area .a-five-content .warp-card p {
    font-size: 14px;
  }
  .about-five-area .a-five-content .warp-card .icon img {
    max-width: 40px;
  }
  .about-five-area .a-five-content .warp-card .icon.mb-3 {
    margin-bottom: 5px !important;
  }
  /* project five area */
  .project-five-area .f-project-card .content {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .project-five-area .f-project-card .content h4 {
    font-size: 35px;
    margin-bottom: 5px;
  }
  /* choose five area */
  .choose-five-area .choose-f-content .section-heading h2 {
    font-size: 35px;
  }
  .choose-five-area .choose-f-content .section-heading.mb-5 {
    margin-bottom: 30px !important;
  }
  .choose-five-area .choose-f-content .choose-warp {
    max-width: 100%;
  }
  .choose-five-area .choose-f-content .choose-warp h4 {
    font-size: 20px;
  }
  .choose-five-area .choose-f-content .choose-warp p {
    font-size: 14px;
  }
  .choose-five-area .choose-f-content .default-btn.mt-5 {
    margin-top: 30px !important;
  }
  /* second pricing area */
  .second-pricing-area .second-p-card {
    padding: 30px 20px;
  }
  .second-pricing-area .second-p-card h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .second-pricing-area .second-p-card h4 {
    font-size: 40px;
    margin-bottom: 25px;
  }
  /* Home Page 6 */
  /* hero six area */
  .hero-six-area .h-six-content h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .hero-six-area .h-six-content h1 img {
    top: 60px;
    left: 10px;
  }
  .hero-six-area .h-six-content h1 span {
    margin-left: 100px;
  }
  .hero-six-area .post-list {
    max-width: 400px !important;
    margin-bottom: 25px;
  }
  .hero-six-area .post-list p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .hero-six-area .post-list .warp {
    margin-bottom: 25px;
  }
  .hero-six-area .post-list .warp ul li img {
    width: 60px;
    height: 60px;
  }
  .hero-six-area .shape2 {
    bottom: 5%;
    left: 30%;
    position: absolute;
  }
  .hero-six-area .shape {
    top: -48%;
  }
  .hero-six-area .shape3 {
    display: none;
  }
  .hero-six-area .h-image .warp-cricle {
    left: -65px;
  }
  .hero-six-area .round-btn {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
  .hero-six-area .round-btn .text-shape {
    left: 15px;
    top: 15px;
    max-width: 120px;
  }
  /* six features area */
  .six-features-area .s-features-card .s-card-body {
    padding: 80px 25px 40px;
  }
  .six-features-area .s-features-card .s-card-body h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .six-features-area .s-features-card .s-icon i {
    width: 120px;
    height: 120px;
    font-size: 55px;
    line-height: 120px;
  }
  /* six about area */
  .six-about-area .section-heading h2 {
    color: var(--white);
    font-size: 40px;
  }
  .six-about-area .section-heading {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .six-about-area .image-top {
    right: -45px;
    max-width: 190px;
  }
  .six-about-area .s-about-content {
    margin-left: 40px;
  }
  .six-about-area .s-about-content .warp-list {
    margin-bottom: 25px;
  }
  .six-about-area .s-about-content .warp-list ul li {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .six-about-area .s-about-content .warp-list ul li i {
    font-size: 16px;
  }
  /* six services area */
  .six-services-area .s-services-card {
    padding: 25px 25px;
  }
  .six-services-area .s-services-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .six-services-area .s-services-card p {
    font-size: 14px;
  }
  .six-services-area .s-services-card .s-icon {
    margin-bottom: 20px;
  }
  .six-services-area .s-services-card .s-icon .icon img {
    width: 80px;
    height: 80px;
  }
  .six-services-area .s-services-card .s-icon .icon .w-image {
    width: 80px;
    height: 80px;
  }
  .six-services-area .s-services-card .s-icon .number {
    font-size: 45px;
  }
  /* six choose us area */
  .six-choose-us-area .section-heading h2 {
    font-size: 35px;
  }
  .six-choose-us-area .s-choose-content {
    margin-left: 0;
  }
  .six-choose-us-area .s-warp .icon {
    width: 55px;
    height: 55px;
    line-height: 49px;
  }
  .six-choose-us-area .s-warp span {
    font-size: 16px;
  }
  .six-choose-us-area .s-warp h4 {
    font-size: 20px;
    color: var(--white);
  }
  /* vedio area */
  .e-vedio-area {
    z-index: 1;
    padding-top: 90px;
    padding-bottom: 100px;
  }
  .e-vedio-area .partner-logo {
    text-align: center;
  }
  .e-vedio-area .partner.pb-120 {
    padding-bottom: 120px;
  }
  /* six fun fact area */
  .fun-fact-six-area {
    margin-top: 90px;
  }
  .fun-fact-six-area::before {
    background-color: rgba(2, 19, 39, 0.69);
  }
  .fun-fact-six-area .row-gap.g-4, .fun-fact-six-area .row-gap .gx-4 {
    --bs-gutter-x: 0 !important;
  }
  .fun-fact-six-area .fun-fact-card span {
    right: -10px;
    font-size: 20px;
  }
  .fun-fact-six-area .fun-fact-card h2 {
    font-size: 100px;
  }
  .fun-fact-six-area .marks {
    display: none;
  }
  /* events area */
  .events-area .events-card {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body h3 {
    margin-bottom: 10px;
  }
  .events-area .events-card .event-card-body h3 a {
    font-size: 20px;
  }
  .events-area .events-card .event-card-body p {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body a {
    color: var(--primary-color);
    font-size: 16px;
  }
  .events-area .events-card .event-card-body .map {
    margin-bottom: 5px;
  }
  .events-area .events-card .event-card-body .map a {
    font-size: 13px;
  }
  .events-area .events-card .event-card-body .map i {
    font-size: 15px;
  }
  .events-area .events-card .event-card-body ul li {
    font-size: 13px;
    margin-right: 5px;
  }
  .events-area .events-card .event-card-body ul li i {
    font-size: 15px;
  }
  /* Home Page 7 */
  /* hero seven area */
  .hero-seven-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .hero-seven-area .hero-seven-content h1 {
    line-height: 65px;
    font-size: 50px;
    margin-bottom: 20px;
  }
  .hero-seven-area .hero-seven-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .hero-seven-area .hero-seven-content .h-btn.d-flex {
    display: block !important;
  }
  .hero-seven-area .hero-seven-content .h-btn .default-btn {
    text-align: center;
    margin-bottom: 20px;
  }
  .hero-seven-area .hero-seven-content .h-btn .read {
    display: block;
  }
  .hero-seven-area .hero-warp .hero-card {
    padding: 20px 18px;
  }
  .hero-seven-area .hero-warp .hero-card.gap-4 {
    gap: 10px !important;
  }
  .hero-seven-area .hero-warp .hero-card .contant h4 {
    font-size: 18px;
  }
  .hero-seven-area .hero-warp .hero-card .contant p {
    font-size: 13px;
  }
  .hero-seven-area .hero-warp .hero-card .logo {
    width: 120px;
    height: 45px;
    line-height: 45px;
  }
  .hero-seven-area .hero-warp .hero-card .logo img {
    width: 30px;
    height: 30px;
  }
  /* about seven area */
  .about-seven-area .a-s-content {
    margin-left: 0;
  }
  .about-seven-area .about-seven-image {
    max-width: 650px;
    margin-bottom: 25px;
  }
  /* seven services area */
  .seven-services-area .seven-services-card .icon {
    margin-bottom: 20px;
  }
  .seven-services-area .seven-services-card .icon img {
    max-width: 65px;
  }
  .seven-services-area .seven-services-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* s choose us area */
  .s-choose-us-area .s-choose-content .warp-card {
    padding: 20px 20px;
  }
  .s-choose-us-area .s-choose-content .warp-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .s-choose-us-area .s-choose-content .warp-card .icon {
    width: 130px;
    height: 55px;
    line-height: 50px;
  }
  .s-choose-us-area .s-choose-image .section-heading h2 {
    font-size: 40px;
  }
  /* s blog card */
  .s-blog-card .s-content {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .s-blog-card .s-content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .s-blog-card .s-content ul li {
    margin-right: 10px;
  }
  .s-blog-card .s-content .icon {
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
  }
  /* event details */
  .events-details-area .info-card {
    padding: 25px 20px;
  }
  .events-details-area .info-card h3 {
    font-size: 20px;
  }
  .events-details-area .info-card ul li {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .events-details-area .e-detsils-content .contant span {
    font-size: 18px;
  }
  .events-details-area .e-detsils-content .contant ul li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .events-details-area .e-detsils-content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment img {
    width: 80px;
    height: 80px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .image-warp {
    margin-bottom: 20px;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .image-warp.gap-4 {
    gap: 15px !important;
  }
  .events-details-area .e-detsils-content .comment-content .r-comment .c-warp {
    margin-bottom: 20px;
  }
  /* Home 8 */
  /* compliance-area */
  .compliance-area .com-content h1 {
    font-size: 50px;
  }
  /* compliance about area */
  .compliance-about-area .image-items {
    max-width: 100% !important;
  }
  /* compliance-services-area */
  .compliance-services-area .c-services-content::before {
    display: none;
  }
  /* compliance-choose-us-area */
  .compliance-choose-us-area .c-content .warps {
    padding: 25px 20px;
  }
  .compliance-choose-us-area .c-content .warps h3 {
    font-size: 20px;
  }
  .compliance-choose-us-area .c-content .warps p {
    font-size: 13px;
  }
  .compliance-choose-us-area .c-content .warps .icon img {
    max-width: 40px;
  }
  /* compliance-contact-area */
  .compliance-contact-area .c-contact-items .c-items h3 {
    font-size: 30px;
  }
  .compliance-contact-area .c-contact-items .c-items .contact-card::before {
    right: 25px;
  }
  .compliance-contact-area .c-contact-items.p-5 {
    padding: 30px !important;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .browsing-content h1 {
    font-size: 45px;
  }
  .browsing-banner-area .browsing-content .mb-4 {
    margin-bottom: 20px !important;
  }
  .browsing-banner-area .shape {
    max-width: 100px;
  }
  .browsing-banner-area .shape1 {
    top: 0;
    left: 0;
  }
  .browsing-banner-area .b-image {
    max-width: 100% !important;
  }
  /* browsing-about-area */
  .browsing-about-area .section-heading h2 {
    font-size: 35px;
  }
  /* browsing-choose-area */
  .browsing-choose-area .b-content .t-icon-wrap h4 {
    font-size: 20px;
    color: var(--white);
  }
  /* home 10*/
  /* iot-banner-area */
  .iot-banner-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .iot-banner-area::before {
    background: linear-gradient(280deg, rgba(2, 19, 39, 0.1) 0%, rgba(4, 24, 47, 0.9) 50%, rgba(4, 24, 47, 0.88) 100%);
  }
  .iot-banner-area .all-shapes {
    display: none;
  }
  .iot-banner-area .iot-content {
    margin-left: 0;
  }
  .iot-banner-area .iot-content h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  /* iot-service-area */
  .iot-service-area .iot-service-card h3 {
    font-size: 23px;
  }
  /* iot-choose-area */
  .iot-choose-area .section-heading h2 {
    font-size: 32px;
  }
}
/* Min width 1200px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 1140px;
  }
  .container-fluid.wa-padding {
    max-width: 1140px;
  }
  /* navbar */
  .navbar .navbar-brand {
    margin-right: 50px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }
  .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-right: 20px;
  }
  /* hero area */
  .hero-area .hero-title {
    margin-bottom: 40px;
  }
  .hero-area .hero-title h1 {
    font-size: 80px;
  }
  .hero-area .hero-title h1 img {
    max-width: 150px;
  }
  .hero-area .hero-image-items {
    height: 580px;
  }
  .hero-area .hero-shape1 {
    top: 20px;
    right: 25%;
  }
  .hero-area .hero-shape2 {
    top: 40px;
    left: 20px;
  }
  /* banner area */
  .banner-area .banner-content h1 {
    font-size: 50px;
  }
  .banner-area .shape1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* about area */
  .about-area .section-heading h2 {
    font-size: 40px;
  }
  .about-area .about-image .image-1 img {
    max-width: 430px !important;
  }
  .about-area .about-image .image-2 {
    margin-top: -260px;
    margin-left: 180px;
  }
  .about-area .about-image .image-2 img {
    max-width: 350px !important;
  }
  .about-area .about-content {
    max-width: 100%;
  }
  /* about second area */
  .about-second-area .section-heading h2 {
    font-size: 45px;
  }
  .about-second-area .second-about-image::before {
    top: 15px;
    left: 50px;
    width: 470px;
    height: 470px;
  }
  .about-second-area .about-second-content .about-warp h4 {
    font-size: 18px;
  }
  .about-second-area .about-second-content ul li {
    font-size: 15px;
  }
  .about-second-area h1 {
    left: 0;
    font-size: 105px;
  }
  /* main services area */
  .main-services-area .service-items .service-image {
    max-width: 280px;
  }
  /* services area */
  .services-area .services-card h4 {
    font-size: 22px;
  }
  /* client area */
  .clients-card {
    padding: 20px 25px;
  }
  .clients-card .mb-4 {
    margin-bottom: 15px !important;
  }
  .clients-card .content img {
    width: 65px;
    height: 65px;
  }
  .clients-card .content h4 {
    font-size: 20px;
  }
  .clients-card .content h6 {
    font-size: 16px;
  }
  /* portfolio area */
  .portfolio-area-style .slide {
    width: 100%;
    margin-bottom: 20px;
  }
  .portfolio-area-style .slide .slide-body {
    padding: 25px 20px;
    width: 100%;
  }
  .portfolio-area-style .slide .slide-body h3 {
    font-size: 25px;
  }
  /* choose us area */
  .choose-us-area .container-fluid {
    max-width: 1140px;
    margin-left: auto;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .choose-us-area .section-heading {
    margin-bottom: 30px;
  }
  .choose-us-area .section-heading h2 {
    font-size: 35px;
  }
  .choose-us-area .choose-content {
    margin-left: 0;
  }
  .choose-us-area .choose-content .choose-card h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .choose-us-area .choose-content .choose-card .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .choose-us-area .choose-content .choose-card .icon img {
    max-width: 45px;
  }
  /* pricing area */
  .pricing-area .pricing-card {
    padding: 25px 20px;
  }
  .pricing-area .pricing-card .pricing-card-body {
    margin-bottom: 20px;
    padding: 20px 15px 20px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon i {
    font-size: 30px;
    width: 55px;
    height: 55px;
    line-height: 56px;
  }
  .pricing-area .pricing-card .pricing-card-body .icon h3 {
    padding: 5px 10px;
    font-size: 18px;
  }
  .pricing-area .pricing-card .pricing-card-body .content h4 {
    font-size: 35px;
  }
  .pricing-area .pricing-card ul li {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .pricing-area .pricing-card ul.mb-4 {
    margin-bottom: 25px !important;
  }
  /* second choose us area */
  .second-choose-area .section-heading {
    margin-bottom: 35px;
  }
  .second-choose-area .section-heading h2 {
    font-size: 40px;
  }
  .second-choose-area .second-choose-content .choose-warp h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
  }
  .second-choose-area .second-choose-content .choose-warp p {
    font-size: 13px;
  }
  .second-choose-area .second-choose-content .mb-5 {
    margin-bottom: 25px !important;
  }
  .second-choose-area .second-choose-content .warp-contnet h3 {
    font-size: 18px;
  }
  .second-choose-area .second-choose-content .warp-contnet p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  /* fun fact area */
  .fun-fact-area .count-content.ptb-100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .fun-fact-area .count-content.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .fun-fact-area .count-content.style-1 {
    margin-top: -65px;
  }
  .fun-fact-area .count-content .count-card .icon i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 28px;
  }
  .fun-fact-area .count-content .count-card h2 {
    font-size: 30px;
  }
  .fun-fact-area .count-content .count-card span {
    font-size: 16px;
  }
  .fun-fact-area .style-one {
    padding-left: 70px;
  }
  /* footer area */
  .footer-area .footer-shape {
    right: 5%;
    top: 60px;
  }
  .footer-area .footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .footer-area .footer-widget.one {
    padding-left: 0 !important;
  }
  /* Home Page 3*/
  /* second hero area*/
  .second-hero-area .hero-image-items .second-hero-content {
    margin-right: -130px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 55px;
  }
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 65px;
  }
  .second-hero-area .second-banner-widget p {
    font-size: 15px;
  }
  .second-hero-area .third-hero-shape {
    top: 40px;
    max-width: 250px;
  }
  /* about us area */
  .about-us-area .section-heading h2 {
    font-size: 35px;
  }
  .about-us-area .section-heading h2.mb-3 {
    margin-bottom: 10px !important;
  }
  .about-us-area .section-heading.mb-5 {
    margin-bottom: 25px !important;
  }
  .about-us-area .second-warp-card {
    padding: 20px 20px 20px 35px;
  }
  .about-us-area .second-warp-card h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .about-us-area .second-warp-card h4::before {
    width: 10px;
    height: 10px;
  }
  .about-us-area .second-warp-card p {
    font-size: 14px;
  }
  .about-us-area .about-us-image-items {
    margin-left: 0;
  }
  /* choose */
  .why-choose-us-area .section-heading h2 {
    font-size: 45px;
  }
  .why-choose-us-area .section-heading h2.mb-5 {
    margin-bottom: 40px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.pe-4 {
    padding-right: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single.ps-4 {
    padding-left: 0 !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon {
    margin-bottom: 15px;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon.gap-4 {
    gap: 10px !important;
  }
  .why-choose-us-area .why-choose-us-content .choose-single .icon h4 {
    font-size: 20px;
  }
  /* project */
  .second-project-area .projectas-single .project-image .project-card-body {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .second-project-area .projectas-single .project-image .project-card-body h3 {
    font-size: 20px;
  }
  /* team */
  .second-team-area .team-single {
    padding: 25px 20px;
  }
  .second-team-area .team-single .team-image {
    margin-bottom: 20px;
  }
  .second-team-area .team-single .team-image .social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .second-team-area .team-single .team-card-body h4 {
    font-size: 20px;
  }
  /* artical */
  .artical-area .artical-card .artical-card-body h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .artical-area .artical-card .artical-card-body p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .artical-area .artical-card .artical-card-body .read {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* Home Page 4 */
  /* hero-agency-area */
  .hero-agency-area .agency-content h1 {
    font-size: 65px;
    color: var(--white);
  }
  /* hero-card-area */
  .hero-card-area .hero-card {
    padding: 0 20px 30px 20px;
  }
  .hero-card-area .hero-card p {
    font-size: 15px;
  }
  /*third-about-area*/
  .third-about-area .section-heading p {
    font-size: 16px;
  }
  .third-about-area .section-heading.mb-5 {
    margin-bottom: 30px !important;
  }
  .third-about-area .t-about-image {
    max-width: 100%;
  }
  .third-about-area .t-about-image .count-card {
    bottom: 0;
    left: 0;
  }
  .third-about-area .t-about-content ul.mb-5 {
    margin-bottom: 30px !important;
  }
  .third-about-area .t-about-content ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /*third-project-area*/
  .third-project-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .third-project-area .third-project-items {
    margin-left: 0;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 100%;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 60px;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 120px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 150px;
  }
  .hero-five-area .f-hero-content .social {
    top: 72%;
    right: 0;
  }
  .hero-five-area .f-hero-content .count-card {
    left: 60px;
  }
  /* project five area */
  .project-five-area .f-project-card .content {
    bottom: 20px;
    right: 30px;
    left: 30px;
  }
  /* choose five area */
  .choose-five-area .choose-f-content .section-heading.mb-5 {
    margin-bottom: 30px !important;
  }
  .choose-five-area .choose-f-content .choose-warp {
    max-width: 100%;
  }
  .choose-five-area .choose-f-content .choose-warp h4 {
    font-size: 20px;
  }
  .choose-five-area .choose-f-content .choose-warp p {
    font-size: 14px;
  }
  .choose-five-area .choose-f-content .default-btn.mt-5 {
    margin-top: 30px !important;
  }
  /* Home Page 6 */
  /* hero six area */
  .hero-six-area .h-six-content h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .hero-six-area .h-six-content h1 img {
    top: 75px;
  }
  .hero-six-area .h-six-content h1 span {
    margin-left: 100px;
  }
  .hero-six-area .post-list {
    max-width: 480px !important;
  }
  .hero-six-area .shape2 {
    bottom: 5%;
    left: 30%;
    position: absolute;
  }
  .hero-six-area .shape {
    top: -35%;
  }
  .hero-six-area .shape3 {
    display: none;
  }
  .hero-six-area .h-image .warp-cricle {
    left: -65px;
  }
  .hero-six-area .round-btn {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
  .hero-six-area .round-btn .text-shape {
    left: 15px;
    top: 15px;
    max-width: 120px;
  }
  /* six about area */
  .six-about-area .section-heading h2 {
    color: var(--white);
    font-size: 45px;
  }
  .six-about-area .section-heading {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .six-about-area .image-top {
    right: -90px;
    max-width: 235px;
  }
  .six-about-area .six-a-image {
    max-width: 480px !important;
  }
  .six-about-area .s-about-content {
    margin-left: 40px;
  }
  .six-about-area .s-about-content .warp-list {
    margin-bottom: 25px;
  }
  .six-about-area .s-about-content .warp-list ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .six-about-area .s-about-content .warp-list ul li i {
    font-size: 18px;
  }
  /* six services area */
  .six-services-area .s-services-card {
    padding: 25px 25px;
  }
  .six-services-area .s-services-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .six-services-area .s-services-card .s-icon {
    margin-bottom: 20px;
  }
  .six-services-area .s-services-card .s-icon .icon img {
    width: 90px;
    height: 90px;
  }
  .six-services-area .s-services-card .s-icon .icon .w-image {
    width: 100px;
    height: 100px;
  }
  .six-services-area .s-services-card .s-icon .number {
    font-size: 45px;
  }
  /* six choose us area */
  .six-choose-us-area .section-heading h2 {
    font-size: 45px;
  }
  /* vedio area */
  .e-vedio-area {
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .e-vedio-area .partner-logo {
    text-align: center;
  }
  .e-vedio-area .partner.pb-120 {
    padding-bottom: 120px;
  }
  /* six fun fact area */
  .fun-fact-six-area {
    margin-top: 120px;
  }
  .fun-fact-six-area::before {
    background-color: rgba(2, 19, 39, 0.69);
  }
  .fun-fact-six-area .row-gap.g-4, .fun-fact-six-area .row-gap .gx-4 {
    --bs-gutter-x: 0 !important;
  }
  .fun-fact-six-area .fun-fact-card span {
    right: -10px;
    font-size: 20px;
  }
  .fun-fact-six-area .fun-fact-card h2 {
    font-size: 120px;
  }
  /* events area */
  .events-area .events-card {
    padding: 20px 20px;
  }
  .events-area .events-card .event-card-body {
    padding: 20px 20px;
  }
  /* six blog area */
  .six-blog-area .blog-card-six .content {
    padding: 25px 0 25px 25px;
  }
  .six-blog-area .blog-card-six .content h3 {
    font-size: 20px;
  }
  /* Home Page 7 */
  /* hero seven area */
  .hero-seven-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .hero-seven-area .hero-seven-content h1 {
    line-height: 70px;
    font-size: 60px;
  }
  /* about seven area */
  .about-seven-area .section-heading {
    margin-bottom: 30px;
  }
  .about-seven-area .section-heading h2 {
    font-size: 35px;
  }
  .about-seven-area .about-seven-image {
    max-width: 470px;
  }
  .about-seven-area .about-seven-image .count-card {
    top: 50px;
  }
  .about-seven-area .about-seven-image .small-image {
    right: -150px;
  }
  .about-seven-area .about-seven-image .small-image img {
    max-width: 300px;
  }
  .about-seven-area .a-s-content .s-warp .number {
    font-size: 40px;
  }
  .about-seven-area .a-s-content .s-warp .contant {
    margin-left: auto;
    max-width: 355px !important;
  }
  .about-seven-area .a-s-content .s-warp .contant h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  /* s choose us area */
  .s-choose-us-area .s-choose-content .warp-card {
    padding: 20px 20px;
  }
  .s-choose-us-area .s-choose-content .warp-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .s-choose-us-area .s-choose-content .warp-card .icon {
    width: 130px;
    height: 55px;
    line-height: 50px;
  }
  /* s blog card */
  .s-blog-card .s-content {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .s-blog-card .s-content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .s-blog-card .s-content ul li {
    margin-right: 10px;
  }
  .s-blog-card .s-content .icon {
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
  }
  /* home 8*/
  /* compliance about area */
  .compliance-about-area .section-heading h2 {
    font-size: 40px;
  }
  .compliance-about-area .section-heading .warps ul li {
    font-size: 14px;
  }
  /* compliance-services-area */
  .compliance-services-area .c-services-content::before {
    display: none;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .shape {
    max-width: 100px;
  }
  .browsing-banner-area .shape1 {
    top: 0;
    left: 0;
  }
  .browsing-banner-area .b-image {
    max-width: 100% !important;
  }
  /* browsing-services-area */
  .browsing-services-area .b-services-card {
    padding: 25px 25px;
  }
  .browsing-services-area .b-services-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* review area */
  .review-area .review-items .review-btn.style-1 {
    right: 125px;
  }
  /* home 10*/
  /* iot-banner-area */
  .iot-banner-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .iot-banner-area .iot-content {
    margin-left: 0;
  }
  .iot-banner-area .iot-content h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  /* iot-service-area */
  .iot-service-area .iot-service-card {
    padding: 20px;
  }
  .iot-service-area .iot-service-card h3 {
    font-size: 20px;
  }
}
/* Min width 1400px */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 1320px;
  }
  .container-fluid.wa-padding {
    max-width: 1320px;
  }
  /* hero area */
  .hero-area .hero-title h1 {
    font-size: 90px;
  }
  .hero-area .hero-shape1 {
    top: 20px;
    right: 28%;
  }
  .hero-area .hero-shape2 {
    top: 40px;
  }
  /* banner area */
  .banner-area .banner-content h1 {
    font-size: 60px;
  }
  .banner-area .shape1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* about area */
  .about-area .about-image .image-2 {
    margin-top: -350px;
    margin-left: 215px;
  }
  /* about second area */
  .about-second-area .second-about-image::before {
    left: 45px;
  }
  .about-second-area .second-about-image .image2 {
    margin-left: 25%;
  }
  .about-second-area h1 {
    bottom: 200px;
    left: 0;
    font-size: 120px;
  }
  /* project area */
  .project-area .project-items .project-card .project-card-body {
    margin: -30px 30px 0;
    padding: 25px 20px 18px;
  }
  .project-area .project-items .project-card .project-card-body i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* testimonial area */
  .testimonial-area .testimonial-items .testimonials-card {
    padding: 20px 25px;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant .mb-4 {
    margin-bottom: 8px !important;
  }
  .testimonial-area .testimonial-items .testimonials-card .testionial-contant p {
    font-size: 15px;
  }
  /* choose us area */
  .choose-us-area .section-heading {
    margin-bottom: 30px;
  }
  .choose-us-area .section-heading h2 {
    font-size: 35px;
  }
  .choose-us-area .choose-content {
    margin-left: 30px;
  }
  .choose-us-area .choose-content .choose-card h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .choose-us-area .choose-content .choose-card .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .choose-us-area .choose-content .choose-card .icon img {
    max-width: 45px;
  }
  /* second choose us area */
  .second-choose-area .second-choose-content .choose-warp h4 {
    font-size: 22px;
  }
  .second-choose-area .second-choose-content .choose-warp p {
    font-size: 15px;
  }
  .second-choose-area .second-choose-content .mb-5 {
    margin-bottom: 25px !important;
  }
  .second-choose-area .second-choose-content .warp-contnet h3 {
    font-size: 20px;
  }
  .second-choose-area .second-choose-content .warp-contnet p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* blog area */
  .blog-area .blog-card .blog-card-body h3 {
    font-size: 22px;
  }
  /* footer area */
  .footer-area .footer-shape {
    right: 8%;
  }
  /* Home Page 3*/
  /* second hero area*/
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 80px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 85px;
  }
  .second-hero-area .third-hero-shape {
    top: 60px;
    max-width: 280px;
  }
  /* Home Page 4 */
  .hero-agency-area .advice-area {
    left: 0;
  }
  .hero-agency-area .agency-content h1 {
    font-size: 75px;
  }
  /*third-about-area*/
  .third-about-area .t-about-image .count-card {
    bottom: 100px;
    left: -30px;
  }
  /*third-project-area*/
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 100%;
  }
  .hero-five-area .f-hero-content .round-btn {
    margin-top: 60px;
  }
  .hero-five-area .f-hero-content h1 {
    font-size: 140px;
  }
  .hero-five-area .f-hero-content h1 span {
    font-size: 180px;
  }
  .hero-five-area .f-hero-content .social {
    top: 72%;
    right: 0;
  }
  .hero-five-area .f-hero-content .count-card {
    left: 60px;
  }
  /* Home Page 6 */
  /* hero six area */
  .hero-six-area .h-six-content h1 {
    font-size: 70px;
    line-height: 90px;
  }
  .hero-six-area .h-six-content h1 img {
    top: 95px;
    left: 15px;
  }
  .hero-six-area .shape {
    top: -28%;
  }
  /* Home Page 7 */
  /* hero seven area */
  .hero-seven-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .hero-seven-area .hero-seven-content h1 {
    line-height: 90px;
    font-size: 75px;
  }
  /* about seven area */
  .about-seven-area .section-heading {
    margin-bottom: 30px;
  }
  .about-seven-area .section-heading h2 {
    font-size: 40px;
  }
  .about-seven-area .about-seven-image {
    max-width: 500px;
  }
  .about-seven-area .about-seven-image .small-image {
    right: -190px;
  }
  .about-seven-area .about-seven-image .count-card {
    top: 35px;
  }
  .about-seven-area .a-s-content .s-warp .number {
    font-size: 40px;
  }
  .about-seven-area .a-s-content .s-warp .contant {
    margin-left: auto;
    max-width: 355px !important;
  }
  .about-seven-area .a-s-content .s-warp .contant h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .shape1 {
    top: 0;
    left: 0;
  }
}
/* Min width 1600px */
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  /* Default Container */
  .container-fluid.side-padding {
    max-width: 1520px;
  }
  /* about second area */
  .about-second-area h1 {
    left: 0;
  }
  /* project area */
  .project-area .project-items .project-card .project-card-body {
    margin: -30px 40px 0;
    padding: 25px 30px 18px;
  }
  .project-area .project-items .project-card .project-card-body i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* footer area */
  .footer-area .footer-shape {
    right: 18%;
  }
  /* Home Page 3*/
  /* second hero area*/
  .second-hero-area .hero-image-items .second-hero-content h1 {
    font-size: 90px;
  }
  .second-hero-area .hero-image-items .second-hero-content span {
    margin-left: 160px;
  }
  /*third-about-area*/
  .third-about-area .t-about-image .count-card {
    bottom: 100px;
    left: -100px;
  }
  /*third-project-area*/
  .third-project-area .t-project-warp {
    margin: 0 0 0 0;
  }
  .third-project-area .third-project-items .t-project-card .t-content h4 {
    font-size: 20px;
  }
  /* Home Page 5 */
  /* hero Five area */
  .hero-five-area .f-hero-content {
    max-width: 100%;
  }
  .hero-five-area .f-hero-content .social {
    top: 72%;
    right: 0;
  }
  .hero-five-area .f-hero-content .count-card {
    left: 0;
  }
  /* Home Page 6 */
  /* hero six area */
  .hero-six-area .h-six-content h1 {
    font-size: 82px;
  }
  .hero-six-area .shape {
    top: -20%;
  }
  /* Home 9 */
  /* browsing-banner-area */
  .browsing-banner-area .shape1 {
    top: 0;
    left: 0;
  }
}
/* Min width 2000px */
@media only screen and (min-width: 2000px) {
  /* hero area */
  .hero-area .hero-shape {
    width: 100%;
  }
  .hero-area .hero-shape2 {
    top: 90px;
    left: 370px;
  }
  /* banner area */
  .banner-area .shape1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* about second area */
  .about-second-area h1 {
    left: 15%;
  }
  /* footer area */
  .footer-area .footer-shape {
    right: 30%;
  }
}/*# sourceMappingURL=responsive.css.map */