/* Max width 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .ptb-75 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pt-75 {
    padding-top: 35px;
  }
  .pb-75 {
    padding-bottom: 35px;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .section-title .sub {
    font-size: 14px;
  }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 25px;
  }
  .section-title .optional-btn {
    display: none;
  }
  .section-title .default-btn {
    display: none;
  }
  .main-banner-area {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .main-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .main-banner-content h1, .main-banner-content h2, .main-banner-content h3, .main-banner-content h4, .main-banner-content h5, .main-banner-content h6 {
    font-size: 30px;
  }
  .main-banner-content .banner-partner-swiper {
    margin-top: 50px;
  }
  .main-banner-image {
    margin-top: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .main-banner-image .bottom-image {
    max-width: 200px;
  }
  .what-we-do-card .content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .what-we-do-shape1, .what-we-do-shape2 {
    display: none;
  }
  .about-image {
    padding: 0;
  }
  .about-image .wrap1 {
    display: none;
  }
  .about-image .wrap2 {
    display: none;
  }
  .about-image .wrap3 {
    display: none;
  }
  .about-image .wrap4 {
    display: none;
  }
  .about-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 25px;
    margin-bottom: 18px;
  }
  .about-shape1 {
    display: none;
  }
  .services-area .container-fluid {
    left: 0;
    max-width: 540px;
  }
  .services-card {
    padding: 130px 30px 30px 30px;
  }
  .services-card::after {
    margin: 10px;
  }
  .services-card .content h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .services-card .content p {
    margin-bottom: 15px;
  }
  .why-choose-us-content h3 {
    font-size: 25px;
  }
  .why-choose-us-image {
    margin-left: 0;
    margin-top: 30px;
  }
  .why-choose-us-shape1, .why-choose-us-shape2 {
    display: none;
  }
  .fun-facts-card .content h3 {
    font-size: 38px;
  }
  .fun-facts-card .content span {
    font-size: 12px;
  }
  .widget-area {
    padding-right: 0;
  }
  .widget-area:first-child {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .projects-with-simple-slide {
    margin-top: 0;
    margin-bottom: 0;
  }
  .projects-with-simple-slide .slide {
    padding: 30px 20px;
    margin-bottom: 25px;
  }
  .projects-with-simple-slide .slide.bg-2 {
    position: relative;
    bottom: 0;
  }
  .projects-with-simple-slide .slide.bg-3 {
    position: relative;
    top: 0;
    margin-bottom: 0;
  }
  .projects-with-simple-slide .slide .projects-content h3 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  .projects-with-simple-slide .slide .projects-content .projects-btn {
    margin-top: 20px;
  }
  .projects-with-simple-slide .slide .projects-image {
    margin-top: 30px;
  }
  .team-card .team-content h3 {
    font-size: 20px;
  }
  .team-shape1 {
    display: none;
  }
  .overview-inner-area {
    padding: 50px 20px;
  }
  .overview-content h4 {
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.5;
  }
  .overview-content .overview-btn {
    margin-top: 25px;
  }
  .overview-shape1, .overview-shape2, .overview-shape3, .overview-shape4 {
    display: none;
  }
  .products-card .products-content .price {
    font-size: 15px;
  }
  .products-shape1, .products-shape2 {
    display: none;
  }
  .testimonial-item {
    padding-left: 0;
  }
  .testimonial-item .image {
    position: relative;
    margin-bottom: 20px;
  }
  .testimonial-item .content p {
    font-size: 15px;
  }
  .testimonial-item .content .info {
    margin-top: 20px;
  }
  .blog-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .blog-card .blog-content span {
    font-size: 14px;
  }
  .blog-card .blog-content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .blog-shape1 {
    display: none;
  }
  .subscribe-inner-area {
    padding: 50px 20px;
  }
  .subscribe-content h2 {
    font-size: 25px;
  }
  .subscribe-content .newsletter-form {
    margin: 25px auto 0;
  }
  .subscribe-content .newsletter-form .default-btn {
    position: relative;
    width: 100%;
    margin-top: 12px;
    justify-content: center;
  }
  .main-banner-area-with-line {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .main-banner-area-with-line .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .main-banner-line-content h1, .main-banner-line-content h2, .main-banner-line-content h3, .main-banner-line-content h4, .main-banner-line-content h5, .main-banner-line-content h6 {
    font-size: 32px;
  }
  .main-banner-line-image {
    padding-left: 0;
    margin-top: 30px;
  }
  .main-banner-line-image .key {
    display: none;
  }
  .main-banner-line-image .lock {
    display: none;
  }
  .what-we-do-area.home-with-background-black-color {
    margin-top: 0;
    padding-top: 50px;
  }
  .features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .features-card {
    padding: 30px;
  }
  .features-card .image {
    position: relative;
    left: 0;
    top: unset;
    transform: unset;
    margin-bottom: 20px;
  }
  .features-card .content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .services-area-with-wrap .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .services-with-simple-slide {
    padding-left: 0;
    display: block;
  }
  .services-with-simple-slide .slide {
    margin-bottom: 25px;
  }
  .services-with-simple-slide .slide:last-child {
    margin-bottom: 0;
  }
  .services-with-simple-slide .slide .image {
    height: 510px;
  }
  .services-with-simple-slide .slide .content {
    padding-top: 20px;
  }
  .services-with-simple-slide .slide .content h3 {
    font-size: 20px;
  }
  .services-with-simple-slide .slide .bottom-content {
    padding: 25px 25px 0;
  }
  .services-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image {
    margin-left: 0;
  }
  .pricing-card {
    padding: 25px;
  }
  .pricing-shape1 {
    display: none;
  }
  .testimonial-card {
    padding: 20px;
  }
  .testimonial-card .info .image img {
    max-width: 50px;
  }
  .blog-shape2, .blog-shape3 {
    display: none;
  }
  .main-banner-wrap-area {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .main-banner-wrap-content h1, .main-banner-wrap-content h2, .main-banner-wrap-content h3, .main-banner-wrap-content h4, .main-banner-wrap-content h5, .main-banner-wrap-content h6 {
    font-size: 32px;
  }
  .main-banner-wrap-shape {
    display: none;
  }
  .home-with-background-black-color .what-we-do-area {
    margin-top: 0;
    padding-top: 60px;
  }
  .services-item .services-content h3 {
    font-size: 18px;
  }
  .services-item .services-content .services-btn {
    font-size: 12px;
  }
  .blog-item .blog-content {
    padding: 25px;
  }
  .blog-item .blog-content h3 {
    font-size: 18px;
  }
  .page-banner-area {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .page-banner-content h1 {
    font-size: 30px;
  }
  .page-banner-content .list li {
    font-size: 14px;
  }
  .page-banner-shape1, .page-banner-shape2 {
    display: none;
  }
  .mission-vision-content {
    padding-left: 0;
    margin-top: 35px;
  }
  .mission-vision-content h3 {
    font-size: 25px;
  }
  .mission-vision-content .nav-tabs .nav-item .nav-link {
    padding: 15px 20px;
    font-size: 14px;
  }
  .mission-vision-shape {
    display: none;
  }
  .projects-card {
    padding: 25px;
  }
  .projects-card .projects-content h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .projects-card .projects-image {
    margin-left: 0;
    margin-top: 25px;
  }
  .projects-card.bg-3 {
    padding: 30px;
  }
  .projects-card.bg-3 .projects-content {
    padding-right: 0;
  }
  .projects-card.bg-3 .projects-content h3 {
    font-size: 25px;
  }
  .faq-accordion .accordion-item {
    padding: 20px;
  }
  .faq-accordion .accordion-item .accordion-button {
    font-size: 16px;
  }
  .login-form {
    padding: 25px;
  }
  .login-form h3 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .register-form {
    padding: 25px;
  }
  .register-form h3 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .forgot-password-box {
    padding: 25px;
  }
  .privacy-policy-content .h1, .privacy-policy-content .h2, .privacy-policy-content .h3, .privacy-policy-content .h4, .privacy-policy-content .h5, .privacy-policy-content .h6, .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3, .privacy-policy-content h4, .privacy-policy-content h5, .privacy-policy-content h6 {
    font-size: 20px;
  }
  .terms-conditions-content .h1, .terms-conditions-content .h2, .terms-conditions-content .h3, .terms-conditions-content .h4, .terms-conditions-content .h5, .terms-conditions-content .h6, .terms-conditions-content h1, .terms-conditions-content h2, .terms-conditions-content h3, .terms-conditions-content h4, .terms-conditions-content h5, .terms-conditions-content h6 {
    font-size: 20px;
  }
  .not-found-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .widget-area {
    padding-left: 0;
    margin-top: 50px;
  }
  .widget-area.left {
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 50px;
  }
  .widget-area .widget_products .item .thumb {
    flex: 0 0 auto;
    width: 25%;
  }
  .widget-area .widget_products .item .info {
    padding-left: 20px;
    flex: 0 0 auto;
    width: 75%;
  }
  .contact-us-info .info-item {
    padding: 2.5px 0 2.5px 85px;
  }
  .contact-us-info .info-item .image {
    max-width: 70px;
  }
  .contact-us-info .info-item .content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .contact-us-form {
    margin-top: 35px;
  }
  .contact-us-form .title {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .cart-table table tbody tr td.product-thumbnail {
    width: 350px;
  }
  .cart-table table tbody tr td.product-thumbnail .image a img {
    max-width: 65px;
  }
  .cart-table table tbody tr td.product-thumbnail .title {
    margin-left: 20px;
  }
  .cart-table table tbody tr td.product-thumbnail .title h3 {
    font-size: 15px;
  }
  .cart-totals-inner {
    margin-top: 25px;
  }
  .cart-totals-inner .cart-shopping-content {
    margin-bottom: 20px;
  }
  .wishlist-table table tbody tr td.product-thumbnail {
    width: 350px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .image a img {
    max-width: 65px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .title {
    margin-left: 20px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .title h3 {
    font-size: 15px;
  }
  .checkout-information .shipping-address .cart-btn {
    display: none;
  }
  .checkout-totals-box {
    padding: 25px;
    margin-left: 0;
    margin-top: 30px;
  }
  /* Start "Data Security Demo Responsive & "Network Security Demo Responsive" */
  .section-title.wrap-style .sub {
    writing-mode: unset;
    position: relative;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
  }
  .section-title.wrap-style .section-btn {
    margin-top: 15px;
  }
  .ptb-150 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-150 {
    padding-top: 60px;
  }
  .pb-150 {
    padding-bottom: 60px;
  }
  .pb-125 {
    padding-bottom: 35px;
  }
  .data-security-banner-area {
    padding-top: 200px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .data-security-banner-content .sub {
    font-size: 12px;
  }
  .data-security-banner-content h1 {
    font-size: 35px;
    margin-bottom: 12px;
  }
  .data-security-banner-content .banner-btn {
    margin-top: 25px;
  }
  .data-security-banner-inner {
    margin-top: 50px;
  }
  .data-security-banner-card .top {
    padding: 20px;
  }
  .data-security-banner-card .top .icon {
    height: 50px;
    width: 50px;
  }
  .data-security-banner-card .top .title {
    max-width: 155px;
  }
  .data-security-banner-card .top .title h5 {
    font-size: 17px;
  }
  .data-security-banner-card .top .title span {
    font-size: 12px;
  }
  .data-security-banner-card .bottom {
    padding: 20px;
  }
  .data-security-banner-card .bottom p {
    max-width: 155px;
  }
  .data-security-banner-card .bottom h3 {
    font-size: 25px;
  }
  .ds-about-inner {
    padding: 30px 0;
  }
  .ds-about-inner::before {
    width: 100%;
    left: 0;
  }
  .ds-about-inner::after {
    width: 100%;
    left: 0;
  }
  .ds-about-inner .ds-about-card {
    border-right: none;
    padding: 0;
    margin-bottom: 25px;
  }
  .ds-about-inner .ds-about-card h3 {
    font-size: 25px;
  }
  .ds-about-inner .col-lg-4:nth-child(3) .ds-about-card {
    margin-bottom: 0;
  }
  .ds-about-content {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .ds-about-content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ds-about-content h2 {
    font-size: 25px;
  }
  .ds-about-image {
    height: 365px;
    margin-top: 30px;
  }
  .ds-services-card .content {
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
  .ds-services-card .image img {
    width: 100%;
  }
  .ds-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .ds-features-image {
    height: 450px;
  }
  .ds-features-inner {
    padding-left: 0;
    margin-top: 30px;
  }
  .ds-features-inner .content {
    padding-left: 0;
  }
  .ds-features-inner .content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-features-inner .content h2 {
    font-size: 25px;
  }
  .ds-features-inner .features-tabs .nav {
    margin-bottom: 25px;
  }
  .ds-features-inner .features-tabs .nav .nav-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .ds-features-inner .features-tabs .nav .nav-item .nav-link {
    width: 100%;
  }
  .ds-features-inner .features-tabs .nav .nav-item:last-child {
    margin-bottom: 0;
  }
  .ds-features-inner .features-inner-content {
    padding-top: 0;
  }
  .ds-features-inner .features-inner-content .list {
    margin-top: 40px;
  }
  .ds-features-inner .features-inner-image {
    height: 400px;
  }
  .ds-industry-content {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .ds-industry-content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-industry-content h2 {
    font-size: 25px;
  }
  .ds-industry-items .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .ds-industry-items .item h3 {
    padding-left: 0 !important;
  }
  .ds-industry-items .item .hover-image {
    position: relative;
    top: unset;
    transform: unset;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
  }
  .ds-industry-items .item:last-child .hover-image {
    bottom: 0;
  }
  .ds-industry-items.with-top {
    margin-top: 25px;
  }
  .ds-animation-content h1 {
    font-size: 35px;
  }
  .ds-testimonials-content {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .ds-testimonials-content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-testimonials-content h2 {
    font-size: 25px;
  }
  .ds-testimonials-card {
    padding: 20px;
  }
  .ds-testimonials-card p {
    font-size: 14px;
  }
  .ds-testimonials-card .info {
    margin-top: 20px;
    display: block;
  }
  .ds-testimonials-card .info .image {
    margin-top: 12px;
  }
  .ds-testimonials-inner .testimonials-button-prev {
    left: 3px;
  }
  .ds-testimonials-inner .testimonials-button-next {
    right: 3px;
  }
  .ds-blog-area .line-one {
    display: none;
  }
  .ds-blog-area .line-two {
    display: none;
  }
  .ds-blog-area .row.g-5, .ds-blog-area .row .gy-5 {
    --bs-gutter-y: 3rem;
  }
  .ds-blog-area .row.g-5, .ds-blog-area .row .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .ds-blog-card .blog-content .meta {
    margin-bottom: 12px;
  }
  .ds-blog-card .blog-content h3 {
    margin-bottom: 15px;
  }
  .network-security-banner-area {
    padding-top: 50px;
  }
  .network-security-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .network-security-banner-left::before {
    display: none;
  }
  .network-security-banner-left .left-info {
    border-bottom: none;
    padding: 0;
  }
  .network-security-banner-left .left-info .inner .user-list li img {
    max-width: 35px;
  }
  .network-security-banner-left .left-info .inner .user-list li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .network-security-banner-left .left-info .inner .user-list li a i {
    font-size: 20px;
  }
  .network-security-banner-left .left-info .inner .user-list li h5 {
    font-size: 14px;
    margin-left: 30px;
  }
  .network-security-banner-left .left-content {
    padding: 0;
    margin-top: 25px;
  }
  .network-security-banner-left .left-content .sub {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .network-security-banner-left .left-content h2 {
    font-size: 25px;
    max-width: 1050px;
  }
  .network-security-banner-left .left-content .default-btn {
    padding: 12px 15px;
  }
  .network-security-banner-middle {
    margin-top: 30px;
  }
  .network-security-banner-middle::before {
    display: none;
  }
  .network-security-banner-middle .middle-content {
    padding: 0 0 0;
    border-bottom: none;
  }
  .network-security-banner-middle .middle-content::before {
    display: none;
  }
  .network-security-banner-middle .middle-content h1 .one {
    font-size: 25px;
  }
  .network-security-banner-middle .middle-content h1 .two {
    font-size: 40px;
    margin-left: 0;
  }
  .network-security-banner-middle .middle-content h1 .three {
    font-size: 40px;
    margin-right: 0;
  }
  .network-security-banner-middle .middle-content h1 .four {
    font-size: 25px;
  }
  .network-security-banner-middle .middle-image {
    padding: 30px 0 0;
  }
  .network-security-banner-right .right-image {
    padding: 30px 0 0;
    border-bottom: none;
  }
  .network-security-banner-right .right-lists {
    margin: 30px 0 0;
  }
  .ns-animation-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ns-animation-content h1 {
    font-size: 45px;
  }
  .ns-about-content {
    padding-left: 0;
    margin-bottom: 25px;
  }
  .ns-about-content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-about-content h2 {
    font-size: 25px;
  }
  .ns-about-inner .ns-about-card {
    border-right: none;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .ns-about-inner .ns-about-card h3 {
    font-size: 27px;
  }
  .ns-about-inner::before {
    left: 0;
    width: 100%;
  }
  .ns-about-image {
    height: 365px;
  }
  .ns-services-overview {
    padding: 50px 20px 20px;
  }
  .ns-services-overview .content {
    padding-left: 0;
  }
  .ns-services-overview .content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-services-overview .content h2 {
    font-size: 25px;
  }
  .ns-services-card {
    padding: 25px;
  }
  .ns-services-inner .services-button-prev {
    left: 5px;
    z-index: 1;
  }
  .ns-services-inner .services-button-next {
    right: 5px;
    z-index: 1;
  }
  .ns-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .ns-features-image {
    height: 450px;
    border-radius: 20px;
  }
  .ns-features-inner {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ns-features-inner .content {
    padding-left: 0;
  }
  .ns-features-inner .content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ns-features-inner .content h2 {
    font-size: 25px;
  }
  .ns-features-inner .features-tabs .nav {
    margin-bottom: 25px;
  }
  .ns-features-inner .features-tabs .nav .nav-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .ns-features-inner .features-tabs .nav .nav-item .nav-link {
    width: 100%;
  }
  .ns-features-inner .features-tabs .nav .nav-item:last-child {
    margin-bottom: 0;
  }
  .ns-features-inner .features-inner-content {
    padding-top: 0;
  }
  .ns-features-inner .features-inner-content .list {
    margin-top: 40px;
  }
  .ns-features-inner .features-inner-image {
    height: 400px;
  }
  .ns-projects-area .section-title.wrap-style {
    padding-left: 0;
    display: block !important;
  }
  .ns-projects-slide {
    display: block;
  }
  .ns-projects-slide .slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .ns-projects-slide .slide .projects-content {
    padding: 30px !important;
    top: unset;
    bottom: 0;
  }
  .ns-projects-slide .slide .projects-content p {
    opacity: 1;
  }
  .ns-projects-slide .slide .projects-content .projects-btn {
    opacity: 1;
  }
  .ns-projects-slide .slide .projects-content .bottom .arrows {
    opacity: 1;
  }
  .ns-projects-slide .slide::before {
    top: unset;
    bottom: 0;
    background: linear-gradient(180deg, rgba(21, 21, 23, 0.9) 0%, rgba(21, 21, 23, 0.8) 100%);
  }
  .ns-projects-slide .slide.active {
    width: 100%;
  }
  .ns-projects-slide .slide:last-child {
    margin-bottom: 0;
  }
  .ns-award-inner .section-title.wrap-style h2 {
    padding-left: 0;
  }
  .ns-award-list li {
    margin-right: 10px;
  }
  .ns-quote-form {
    padding: 20px;
  }
  .ns-quote-form .title {
    font-size: 20.5px;
    margin-bottom: 20px;
  }
  .ns-quote-form .form-group .form-control {
    font-size: 14px;
  }
  .ns-quote-content {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .ns-quote-content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-quote-content h2 {
    font-size: 25px;
  }
  .ns-quote-image {
    margin-left: 0;
  }
  .ns-blog-area .section-title.wrap-style {
    padding-left: 0;
    display: block !important;
  }
  .ns-blog-card {
    margin-bottom: 25px;
  }
  .ns-blog-items .item {
    padding: 25px;
  }
  /* End "Data Security Demo Responsive & "Network Security Demo Responsive" */
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-banner-image {
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .main-banner-image .bottom-image {
    max-width: 295px;
  }
  .projects-with-simple-slide .slide {
    padding: 35px 30px;
  }
  .subscribe-inner-area {
    padding: 50px;
  }
  .projects-card {
    padding: 35px;
  }
  .projects-card.bg-3 {
    padding: 35px;
  }
  /* Start "Data Security Demo Responsive & "Network Security Demo Responsive" */
  .ds-industry-items .item .hover-image img {
    width: 100%;
  }
  /* End "Data Security Demo Responsive & "Network Security Demo Responsive" */
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .pb-100 {
    padding-bottom: 80px;
  }
  .ptb-75 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pt-75 {
    padding-top: 55px;
  }
  .pb-75 {
    padding-bottom: 55px;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 32px;
  }
  .section-title .optional-btn {
    display: none;
  }
  .main-banner-area {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .main-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .main-banner-content h1, .main-banner-content h2, .main-banner-content h3, .main-banner-content h4, .main-banner-content h5, .main-banner-content h6 {
    font-size: 50px;
  }
  .main-banner-content .banner-partner-swiper {
    margin-top: 50px;
  }
  .main-banner-image {
    margin-top: 30px;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .what-we-do-area.home-with-background-black-color {
    margin-top: 0;
    padding-top: 80px;
  }
  .what-we-do-card .content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .what-we-do-shape1, .what-we-do-shape2 {
    display: none;
  }
  .about-image {
    padding: 0;
  }
  .about-image .wrap1 {
    display: none;
  }
  .about-image .wrap2 {
    display: none;
  }
  .about-image .wrap3 {
    display: none;
  }
  .about-image .wrap4 {
    display: none;
  }
  .about-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 32px;
    margin-bottom: 18px;
  }
  .about-shape1 {
    display: none;
  }
  .services-area .container-fluid {
    left: 0;
    max-width: 720px;
  }
  .services-card {
    padding: 130px 30px 30px 30px;
  }
  .services-card::after {
    margin: 10px;
  }
  .services-card .content h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .services-card .content p {
    margin-bottom: 15px;
  }
  .why-choose-us-content h3 {
    font-size: 32px;
  }
  .why-choose-us-image {
    margin-left: 0;
    margin-top: 30px;
  }
  .why-choose-us-shape1, .why-choose-us-shape2 {
    display: none;
  }
  .widget-area {
    padding-right: 0;
  }
  .widget-area:first-child {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .fun-facts-card .content h3 {
    font-size: 38px;
  }
  .fun-facts-card .content span {
    font-size: 12px;
  }
  .projects-with-simple-slide {
    margin-top: 0;
    margin-bottom: 0;
  }
  .projects-with-simple-slide .slide {
    padding: 50px;
    margin-bottom: 25px;
  }
  .projects-with-simple-slide .slide.bg-2 {
    position: relative;
    bottom: 0;
  }
  .projects-with-simple-slide .slide.bg-3 {
    position: relative;
    top: 0;
    margin-bottom: 0;
  }
  .projects-with-simple-slide .slide .projects-content h3 {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .projects-with-simple-slide .slide .projects-content .projects-btn {
    margin-top: 20px;
  }
  .projects-with-simple-slide .slide .projects-image {
    margin-top: 30px;
  }
  .team-card .team-content h3 {
    font-size: 20px;
  }
  .team-shape1 {
    display: none;
  }
  .overview-inner-area {
    padding: 50px 20px;
  }
  .overview-content h4 {
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.5;
  }
  .overview-content .overview-btn {
    margin-top: 25px;
  }
  .overview-shape1, .overview-shape2, .overview-shape3, .overview-shape4 {
    display: none;
  }
  .products-card .products-content .price {
    font-size: 15px;
  }
  .products-shape1, .products-shape2 {
    display: none;
  }
  .testimonial-item .content p {
    font-size: 18px;
  }
  .blog-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .blog-card .blog-content span {
    font-size: 14px;
  }
  .blog-card .blog-content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .blog-shape1 {
    display: none;
  }
  .subscribe-inner-area {
    padding: 80px 50px;
  }
  .subscribe-content h2 {
    font-size: 32px;
  }
  .subscribe-content .newsletter-form {
    margin: 25px auto 0;
  }
  .main-banner-area-with-line {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .main-banner-area-with-line .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .main-banner-line-content h1, .main-banner-line-content h2, .main-banner-line-content h3, .main-banner-line-content h4, .main-banner-line-content h5, .main-banner-line-content h6 {
    font-size: 50px;
  }
  .main-banner-line-image {
    padding-left: 0;
    margin-top: 30px;
  }
  .main-banner-line-image .key {
    display: none;
  }
  .main-banner-line-image .lock {
    display: none;
  }
  .features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .features-card {
    padding: 30px;
  }
  .features-card .image {
    position: relative;
    left: 0;
    top: unset;
    transform: unset;
    margin-bottom: 20px;
  }
  .features-card .content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .services-area-with-wrap .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .services-with-simple-slide {
    padding-left: 0;
    display: block;
  }
  .services-with-simple-slide .slide {
    margin-bottom: 25px;
  }
  .services-with-simple-slide .slide:last-child {
    margin-bottom: 0;
  }
  .services-with-simple-slide .slide .content {
    padding-top: 20px;
  }
  .services-with-simple-slide .slide .content h3 {
    font-size: 20px;
  }
  .services-with-simple-slide .slide .bottom-content {
    padding: 25px 25px 0;
  }
  .services-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image {
    margin-left: 0;
  }
  .pricing-card {
    padding: 30px;
  }
  .pricing-shape1 {
    display: none;
  }
  .testimonial-card {
    padding: 30px;
  }
  .testimonial-card .info .image img {
    max-width: 50px;
  }
  .blog-shape2, .blog-shape3 {
    display: none;
  }
  .main-banner-wrap-area {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .main-banner-wrap-content h1, .main-banner-wrap-content h2, .main-banner-wrap-content h3, .main-banner-wrap-content h4, .main-banner-wrap-content h5, .main-banner-wrap-content h6 {
    font-size: 50px;
  }
  .main-banner-wrap-shape {
    display: none;
  }
  .home-with-background-black-color .what-we-do-area {
    margin-top: 0;
    padding-top: 80px;
  }
  .page-banner-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .page-banner-content h1 {
    font-size: 40px;
  }
  .page-banner-content .list li {
    font-size: 14px;
  }
  .page-banner-shape2 {
    left: 80px;
  }
  .mission-vision-content {
    padding-left: 0;
    margin-top: 35px;
  }
  .mission-vision-content h3 {
    font-size: 32px;
  }
  .mission-vision-content .nav-tabs .nav-item .nav-link {
    padding: 15px 20px;
    font-size: 14px;
  }
  .mission-vision-shape {
    display: none;
  }
  .projects-card {
    padding: 40px;
  }
  .projects-card .projects-image {
    margin-left: 0;
  }
  .projects-card.bg-3 {
    padding: 40px;
  }
  .projects-card.bg-3 .projects-content {
    padding-right: 0;
  }
  .projects-card.bg-3 .projects-content h3 {
    font-size: 32px;
  }
  .widget-area {
    padding-left: 0;
    margin-top: 50px;
  }
  .widget-area.left {
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 50px;
  }
  .widget-area .widget_products .item .thumb {
    flex: 0 0 auto;
    width: 25%;
  }
  .widget-area .widget_products .item .info {
    flex: 0 0 auto;
    width: 75%;
  }
  .contact-us-form {
    margin-top: 35px;
  }
  .contact-us-form .title {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .cart-table table tbody tr td.product-thumbnail {
    width: 350px;
  }
  .cart-table table tbody tr td.product-thumbnail .image a img {
    max-width: 65px;
  }
  .cart-table table tbody tr td.product-thumbnail .title {
    margin-left: 20px;
  }
  .cart-table table tbody tr td.product-thumbnail .title h3 {
    font-size: 15px;
  }
  .wishlist-table table tbody tr td.product-thumbnail {
    width: 350px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .image a img {
    max-width: 65px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .title {
    margin-left: 20px;
  }
  .wishlist-table table tbody tr td.product-thumbnail .title h3 {
    font-size: 15px;
  }
  .checkout-totals-box {
    padding: 25px;
    margin-left: 0;
    margin-top: 30px;
  }
  /* Start "Data Security Demo Responsive & "Network Security Demo Responsive" */
  .section-title.wrap-style {
    padding-left: 0;
  }
  .section-title.wrap-style .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ptb-150 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-150 {
    padding-top: 80px;
  }
  .pb-150 {
    padding-bottom: 80px;
  }
  .pb-125 {
    padding-bottom: 55px;
  }
  .data-security-banner-area {
    padding-top: 200px;
    padding-bottom: 80px;
  }
  .data-security-banner-content h1 {
    font-size: 50px;
  }
  .data-security-banner-inner {
    margin-top: 50px;
  }
  .data-security-banner-card .top {
    padding: 20px;
  }
  .data-security-banner-card .top .icon {
    height: 50px;
    width: 50px;
  }
  .data-security-banner-card .top .title {
    max-width: 155px;
  }
  .data-security-banner-card .bottom {
    padding: 20px;
  }
  .data-security-banner-card .bottom p {
    max-width: 155px;
  }
  .data-security-banner-card .bottom h3 {
    font-size: 25px;
  }
  .ds-about-inner::before {
    width: 100%;
    left: 0;
  }
  .ds-about-inner::after {
    width: 100%;
    left: 0;
  }
  .ds-about-inner .ds-about-card {
    padding: 35px;
  }
  .ds-about-inner .ds-about-card h3 {
    font-size: 28px;
  }
  .ds-about-content {
    margin-bottom: 35px;
    padding-left: 0;
  }
  .ds-about-content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-about-content h2 {
    font-size: 32px;
  }
  .ds-about-image {
    height: 365px;
    margin-top: 30px;
  }
  .ds-services-card .content {
    padding: 25px;
  }
  .col-lg-3:nth-child(2) .ds-services-card .image img {
    min-width: 100%;
    max-height: 167px;
  }
  .ds-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .ds-features-image {
    height: 650px;
  }
  .ds-features-inner {
    padding-left: 0;
    margin-top: 30px;
  }
  .ds-features-inner .content {
    padding-left: 0;
  }
  .ds-features-inner .content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-features-inner .content h2 {
    font-size: 32px;
  }
  .ds-industry-content {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .ds-industry-content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-industry-content h2 {
    font-size: 32px;
  }
  .ds-industry-items .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .ds-industry-items .item h3 {
    padding-left: 0 !important;
  }
  .ds-industry-items .item .hover-image {
    position: relative;
    top: unset;
    transform: unset;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
  }
  .ds-industry-items .item:last-child .hover-image {
    bottom: 0;
  }
  .ds-animation-content h1 {
    font-size: 50px;
  }
  .ds-testimonials-content {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .ds-testimonials-content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ds-testimonials-content h2 {
    font-size: 32px;
  }
  .ds-testimonials-card {
    padding: 25px;
  }
  .ds-testimonials-inner .testimonials-button-prev {
    left: 3px;
  }
  .ds-testimonials-inner .testimonials-button-next {
    right: 3px;
  }
  .ds-blog-area .line-one {
    display: none;
  }
  .ds-blog-area .line-two {
    display: none;
  }
  .ds-blog-area .row.g-5, .ds-blog-area .row .gy-5 {
    --bs-gutter-y: 3rem;
  }
  .ds-blog-area .row.g-5, .ds-blog-area .row .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .ds-blog-card .blog-content .meta {
    margin-bottom: 12px;
  }
  .ds-blog-card .blog-content h3 {
    margin-bottom: 15px;
  }
  .network-security-banner-area {
    padding-top: 70px;
  }
  .network-security-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gy-0 {
    --bs-gutter-y: 1rem;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gx-0 {
    --bs-gutter-x: 1rem;
  }
  .network-security-banner-left {
    margin-bottom: 20px;
  }
  .network-security-banner-left::before {
    display: none;
  }
  .network-security-banner-left .left-info {
    border-bottom: none;
    padding: 0;
  }
  .network-security-banner-left .left-content {
    padding: 0;
    margin-top: 25px;
  }
  .network-security-banner-left .left-content .sub {
    font-size: 12px;
  }
  .network-security-banner-left .left-content h2 {
    max-width: 1050px;
  }
  .network-security-banner-middle {
    margin-top: 0;
  }
  .network-security-banner-middle::before {
    display: none;
  }
  .network-security-banner-middle .middle-content {
    padding: 0 0 0;
    border-bottom: none;
  }
  .network-security-banner-middle .middle-content::before {
    display: none;
  }
  .network-security-banner-middle .middle-content h1 .two {
    margin-left: 0;
  }
  .network-security-banner-middle .middle-content h1 .three {
    margin-right: 0;
  }
  .network-security-banner-middle .middle-image {
    padding: 30px 0 0;
  }
  .network-security-banner-right .right-image {
    padding: 0 0 0;
    border-bottom: none;
  }
  .network-security-banner-right .right-lists {
    margin: 30px 0 0;
  }
  .ns-about-content {
    padding-left: 0;
    margin-bottom: 25px;
  }
  .ns-about-content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-about-content h2 {
    font-size: 32px;
  }
  .ns-about-inner .ns-about-card {
    border-right: none;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .ns-about-inner .ns-about-card h3 {
    font-size: 37px;
  }
  .ns-about-inner::before {
    left: 0;
    width: 100%;
  }
  .ns-about-image {
    height: 365px;
  }
  .ns-services-overview .content {
    padding-left: 0;
  }
  .ns-services-overview .content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-services-overview .content h2 {
    font-size: 32px;
  }
  .ns-services-card {
    padding: 25px;
  }
  .ns-services-inner .services-button-prev {
    left: 5px;
    z-index: 1;
  }
  .ns-services-inner .services-button-next {
    right: 5px;
    z-index: 1;
  }
  .ns-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .ns-features-image {
    height: 650px;
    border-radius: 20px;
  }
  .ns-features-inner {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ns-features-inner .content {
    padding-left: 0;
  }
  .ns-features-inner .content .sub {
    display: inline-block;
    writing-mode: unset;
    position: relative;
    top: 0;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .ns-features-inner .content h2 {
    font-size: 32px;
  }
  .ns-features-inner .features-inner-content {
    padding-top: 0;
  }
  .ns-features-inner .features-inner-content .list {
    margin-top: 40px;
  }
  .ns-projects-area .section-title.wrap-style {
    padding-left: 0;
  }
  .ns-projects-slide {
    display: block;
  }
  .ns-projects-slide .slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .ns-projects-slide .slide .projects-content {
    padding: 30px !important;
    top: unset;
    bottom: 0;
  }
  .ns-projects-slide .slide .projects-content p {
    opacity: 1;
  }
  .ns-projects-slide .slide .projects-content .projects-btn {
    opacity: 1;
  }
  .ns-projects-slide .slide .projects-content .bottom .arrows {
    opacity: 1;
  }
  .ns-projects-slide .slide::before {
    top: unset;
    bottom: 0;
    background: linear-gradient(180deg, rgba(21, 21, 23, 0.9) 0%, rgba(21, 21, 23, 0.8) 100%);
  }
  .ns-projects-slide .slide.active {
    width: 100%;
  }
  .ns-projects-slide .slide:last-child {
    margin-bottom: 0;
  }
  .ns-award-inner .section-title.wrap-style h2 {
    padding-left: 0;
  }
  .ns-award-list li {
    margin-right: 30px;
  }
  .ns-quote-form {
    padding: 30px;
  }
  .ns-quote-content {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .ns-quote-content .sub {
    font-size: 12px;
    writing-mode: unset;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-bottom: 12px;
  }
  .ns-quote-content h2 {
    font-size: 32px;
  }
  .ns-quote-content p {
    max-width: 1050px;
  }
  .ns-quote-image {
    margin-left: 0;
  }
  .ns-blog-area .section-title.wrap-style {
    padding-left: 0;
  }
  .ns-blog-card {
    margin-bottom: 25px;
  }
  .ns-blog-items .item {
    padding: 25px;
  }
  /* End "Data Security Demo Responsive & "Network Security Demo Responsive" */
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 40px;
  }
  .main-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .main-banner-content h1, .main-banner-content h2, .main-banner-content h3, .main-banner-content h4, .main-banner-content h5, .main-banner-content h6 {
    font-size: 55px;
  }
  .main-banner-content .banner-partner-swiper {
    margin-top: 50px;
  }
  .main-banner-image .bottom-image {
    max-width: 295px;
  }
  .what-we-do-area.home-with-background-black-color {
    margin-top: 0;
  }
  .what-we-do-card .image img {
    max-width: 100px;
  }
  .what-we-do-card .content h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .what-we-do-shape1 {
    top: 20%;
    left: 10%;
    transform: translateY(-20%) translateX(-10%);
  }
  .what-we-do-shape2 {
    top: 20%;
    right: 10%;
    transform: translateY(-20%) translateX(-10%);
  }
  .about-image .wrap1 {
    max-width: 145px;
  }
  .about-image .wrap2 {
    max-width: 220px;
  }
  .about-content {
    padding-left: 15px;
  }
  .about-content h3 {
    font-size: 40px;
  }
  .widget-area {
    padding-right: 0;
  }
  .widget-area:first-child {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .services-area .container-fluid {
    left: 0;
    max-width: 960px;
  }
  .services-card {
    padding: 130px 45px 45px 45px;
  }
  .services-card .content h3 {
    font-size: 22px;
  }
  .why-choose-us-content h3 {
    font-size: 40px;
  }
  .why-choose-us-image {
    margin-left: 0;
  }
  .fun-facts-card .content h3 {
    font-size: 35px;
  }
  .fun-facts-card .content span {
    font-size: 12px;
  }
  .team-card .team-content h3 {
    font-size: 20px;
  }
  .projects-with-simple-slide .slide .projects-content h3 {
    font-size: 40px;
  }
  .main-banner-area-with-line .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .main-banner-line-content h1, .main-banner-line-content h2, .main-banner-line-content h3, .main-banner-line-content h4, .main-banner-line-content h5, .main-banner-line-content h6 {
    font-size: 52px;
  }
  .main-banner-line-content p {
    max-width: 410px;
  }
  .main-banner-line-image .key {
    left: -10px;
    top: -40px;
    max-width: 100px;
  }
  .main-banner-line-image .lock {
    bottom: 30px;
    left: -30px;
    max-width: 120px;
  }
  .features-card {
    padding: 35px 55px 35px 130px;
  }
  .about-shape2 {
    right: 100px;
    top: -65px;
  }
  .services-area-with-wrap .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .services-with-simple-slide {
    padding-left: 0;
  }
  .services-with-simple-slide .slide .content {
    padding-top: 20px;
  }
  .services-with-simple-slide .slide .content h3 {
    font-size: 18px;
  }
  .services-with-simple-slide .slide .bottom-content {
    padding: 25px 25px 0;
  }
  .services-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image {
    margin-left: 0;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image .wrap1 {
    right: 0;
  }
  .pricing-card {
    padding: 25px;
  }
  .blog-shape2 {
    top: -35px;
    left: 45px;
  }
  .blog-shape3 {
    top: -35px;
    right: 70px;
  }
  .main-banner-wrap-area {
    padding-top: 100px;
    padding-bottom: 225px;
  }
  .main-banner-wrap-content h1, .main-banner-wrap-content h2, .main-banner-wrap-content h3, .main-banner-wrap-content h4, .main-banner-wrap-content h5, .main-banner-wrap-content h6 {
    font-size: 55px;
  }
  .home-with-background-black-color .what-we-do-area {
    margin-top: 0;
  }
  .about-area.reducing-bottom .about-shape1 {
    bottom: 5px;
    right: 5%;
    transform: translateX(-5%);
    max-width: 150px;
  }
  .mission-vision-content h3 {
    font-size: 40px;
  }
  .blog-shape1 {
    display: none;
  }
  .projects-card {
    padding: 55px 65px;
  }
  .projects-card .projects-image {
    margin-left: 0;
  }
  .projects-card.bg-3 {
    padding: 55px 65px;
  }
  .projects-card.bg-3 .projects-content h3 {
    font-size: 32px;
  }
  .testimonial-card {
    padding: 25px;
  }
  .widget-area {
    padding-left: 10px;
  }
  .widget-area.left {
    padding-right: 10px;
  }
  .widget-area .widget_products .item .thumb {
    flex: 0 0 auto;
    width: 25%;
  }
  .widget-area .widget_products .item .info {
    flex: 0 0 auto;
    width: 75%;
  }
  .contact-us-info .info-item {
    padding: 2.5px 0 2.5px 85px;
  }
  .contact-us-info .info-item .image {
    max-width: 70px;
  }
  .contact-us-info .info-item .content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .checkout-totals-box {
    padding: 25px;
    margin-left: 0;
    margin-top: 30px;
  }
  /* Start "Data Security Demo Responsive & "Network Security Demo Responsive" */
  .ptb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-150 {
    padding-top: 100px;
  }
  .pb-150 {
    padding-bottom: 100px;
  }
  .pb-125 {
    padding-bottom: 75px;
  }
  .data-security-banner-area {
    padding-top: 250px;
    padding-bottom: 100px;
  }
  .data-security-banner-inner {
    margin-top: 100px;
  }
  .data-security-banner-card .top {
    padding: 20px;
  }
  .data-security-banner-card .top .icon {
    height: 50px;
    width: 50px;
  }
  .data-security-banner-card .top .title {
    max-width: 155px;
  }
  .data-security-banner-card .bottom {
    padding: 20px;
  }
  .data-security-banner-card .bottom p {
    max-width: 155px;
  }
  .data-security-banner-card .bottom h3 {
    font-size: 25px;
  }
  .ds-about-inner::before {
    width: 100%;
    left: 0;
  }
  .ds-about-inner::after {
    width: 100%;
    left: 0;
  }
  .ds-about-inner .ds-about-card {
    padding: 35px;
  }
  .ds-about-inner .ds-about-card h3 {
    font-size: 28px;
  }
  .ds-about-content h2 {
    font-size: 40px;
  }
  .ds-services-card .content {
    padding: 15px;
  }
  .ds-services-card .content h3 {
    font-size: 17px;
  }
  .ds-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .ds-features-inner {
    padding-left: 10px;
  }
  .ds-features-inner .content h2 {
    font-size: 40px;
  }
  .ds-features-inner .content::before {
    right: 0;
    width: 100%;
  }
  .ds-features-inner .features-tabs .nav .nav-item .nav-link {
    padding: 10px 10px;
    font-size: 12px;
  }
  .ds-features-inner .features-inner-content .list {
    margin-top: 25px;
  }
  .ds-industry-items .item h3 {
    padding-left: 0 !important;
  }
  .ds-industry-items .item .hover-image {
    position: relative;
    top: unset;
    transform: unset;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
  }
  .ds-industry-items .item:last-child .hover-image {
    bottom: 0;
  }
  .ds-testimonials-card {
    padding: 25px;
  }
  .ds-testimonials-card p {
    font-size: 17px;
  }
  .ds-testimonials-card .info {
    display: block;
    margin-top: 25px;
  }
  .ds-testimonials-card .info .image {
    margin-top: 20px;
  }
  .ds-testimonials-inner .testimonials-button-prev {
    left: 3px;
  }
  .ds-testimonials-inner .testimonials-button-next {
    right: 3px;
  }
  .ds-blog-area .line-one {
    left: 33%;
    transform: translateX(-33%);
  }
  .ds-blog-area .line-two {
    right: 33%;
    transform: translateX(-33%);
  }
  .network-security-banner-area {
    padding-top: 70px;
  }
  .network-security-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gy-0 {
    --bs-gutter-y: 2rem;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gx-0 {
    --bs-gutter-x: 2rem;
  }
  .network-security-banner-left {
    margin-bottom: 20px;
  }
  .network-security-banner-left::before {
    display: none;
  }
  .network-security-banner-left .left-info {
    border-bottom: none;
    padding: 0;
  }
  .network-security-banner-left .left-content {
    padding: 0;
    margin-top: 25px;
  }
  .network-security-banner-left .left-content h2 {
    max-width: 1050px;
  }
  .network-security-banner-middle {
    margin-top: 0;
  }
  .network-security-banner-middle::before {
    display: none;
  }
  .network-security-banner-middle .middle-content {
    padding: 0 0 28px;
    border-bottom: none;
  }
  .network-security-banner-middle .middle-content::before {
    display: none;
  }
  .network-security-banner-middle .middle-content h1 .two {
    margin-left: 0;
  }
  .network-security-banner-middle .middle-content h1 .three {
    margin-right: 0;
  }
  .network-security-banner-middle .middle-image {
    padding: 30px 0 0;
  }
  .network-security-banner-right .right-image {
    padding: 0 0 0;
    border-bottom: none;
  }
  .network-security-banner-right .right-lists {
    margin: 30px 0 0;
  }
  .ns-about-inner .ns-about-card {
    padding: 35px 0;
    border-right: none;
  }
  .ns-about-inner::before {
    left: 0;
    width: 100%;
  }
  .ns-services-inner .services-button-prev {
    left: 5px;
    z-index: 1;
  }
  .ns-services-inner .services-button-next {
    right: 5px;
    z-index: 1;
  }
  .ns-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .ns-features-image {
    border-radius: 20px;
  }
  .ns-features-inner {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
  }
  .ns-features-inner .features-tabs .nav .nav-item .nav-link {
    padding: 10px 10px;
    font-size: 12px;
  }
  .ns-projects-slide .slide .projects-content .bottom {
    margin-top: 60px;
  }
  .ns-projects-slide .slide.active .projects-content {
    padding: 50px;
  }
  .ns-blog-card {
    margin-bottom: 25px;
  }
  /* End "Data Security Demo Responsive & "Network Security Demo Responsive" */
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-banner-content h1, .main-banner-content h2, .main-banner-content h3, .main-banner-content h4, .main-banner-content h5, .main-banner-content h6 {
    font-size: 62px;
  }
  .main-banner-content .banner-partner-swiper {
    margin-top: 70px;
  }
  .main-banner-image .bottom-image {
    max-width: 310px;
  }
  .what-we-do-area.home-with-background-black-color {
    margin-top: 0;
  }
  .about-image .wrap2 {
    max-width: 270px;
  }
  .services-area .container-fluid {
    left: 0;
    max-width: 1140px;
  }
  .services-card {
    padding: 130px 35px 35px 35px;
  }
  .services-card::after {
    margin: 10px;
  }
  .services-card .content h3 {
    font-size: 20px;
  }
  .why-choose-us-image {
    margin-left: 0;
  }
  .fun-facts-card .content h3 {
    font-size: 35px;
  }
  .main-banner-line-content h1, .main-banner-line-content h2, .main-banner-line-content h3, .main-banner-line-content h4, .main-banner-line-content h5, .main-banner-line-content h6 {
    font-size: 65px;
  }
  .main-banner-line-image .key {
    left: -10px;
    top: -40px;
    max-width: 100px;
  }
  .main-banner-line-image .lock {
    bottom: 30px;
    left: -30px;
    max-width: 120px;
  }
  .features-card {
    padding: 30px;
  }
  .features-card .image {
    position: relative;
    left: 0;
    top: unset;
    transform: unset;
    margin-bottom: 25px;
  }
  .features-card .content h3 {
    font-size: 18px;
  }
  .about-shape2 {
    right: 100px;
    top: -45px;
  }
  .services-area-with-wrap .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .services-with-simple-slide {
    padding-left: 0;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image {
    margin-left: 0;
  }
  .why-choose-us-area.bg-131111 .why-choose-us-image .wrap1 {
    right: 0;
  }
  .main-banner-wrap-area {
    padding-top: 100px;
    padding-bottom: 255px;
  }
  .main-banner-wrap-content h1, .main-banner-wrap-content h2, .main-banner-wrap-content h3, .main-banner-wrap-content h4, .main-banner-wrap-content h5, .main-banner-wrap-content h6 {
    font-size: 65px;
  }
  .home-with-background-black-color .what-we-do-area {
    margin-top: -15px;
  }
  .blog-item .blog-content {
    padding: 25px;
  }
  .about-area.reducing-bottom .about-shape1 {
    bottom: 30px;
    right: 5%;
    transform: translateX(-5%);
    max-width: 150px;
  }
  .projects-card {
    padding: 45px 25px 45px 35px;
  }
  .projects-card .projects-content h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .projects-card.bg-3 {
    padding: 55px;
  }
  .widget-area {
    padding-left: 10px;
  }
  .widget-area.left {
    padding-right: 10px;
  }
  .contact-us-info .info-item {
    padding: 2.5px 0 2.5px 85px;
  }
  .contact-us-info .info-item .image {
    max-width: 70px;
  }
  .contact-us-info .info-item .content h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  /* Start "Data Security Demo Responsive & "Network Security Demo Responsive" */
  .ptb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-150 {
    padding-top: 100px;
  }
  .pb-150 {
    padding-bottom: 100px;
  }
  .pb-125 {
    padding-bottom: 75px;
  }
  .data-security-banner-inner {
    margin-top: 100px;
  }
  .data-security-banner-card .top {
    padding: 20px;
  }
  .data-security-banner-card .top .icon {
    height: 50px;
    width: 50px;
  }
  .data-security-banner-card .top .title {
    max-width: 155px;
  }
  .data-security-banner-card .bottom {
    padding: 20px;
  }
  .data-security-banner-card .bottom p {
    max-width: 155px;
  }
  .ds-about-inner::before {
    width: 100%;
    left: 0;
  }
  .ds-about-inner::after {
    width: 100%;
    left: 0;
  }
  .ds-about-inner .ds-about-card {
    padding: 40px;
  }
  .ds-services-card .content {
    padding: 32px;
  }
  .col-lg-3:nth-child(2) .ds-services-card .image img {
    width: 100%;
    height: 147px;
  }
  .ds-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .ds-features-inner {
    padding-left: 10px;
  }
  .ds-features-inner .content::before {
    right: 0;
    width: 100%;
  }
  .ds-features-inner .features-tabs .nav .nav-item .nav-link {
    padding: 10px 12px;
  }
  .ds-industry-items .item .hover-image {
    max-width: 255px;
  }
  .ds-testimonials-card {
    padding: 25px;
  }
  .ds-testimonials-card p {
    font-size: 18px;
  }
  .ds-testimonials-inner .testimonials-button-prev {
    left: -10px;
  }
  .ds-testimonials-inner .testimonials-button-next {
    right: -10px;
  }
  .ds-blog-area .line-one {
    left: 33%;
    transform: translateX(-33%);
  }
  .ds-blog-area .line-two {
    right: 33%;
    transform: translateX(-33%);
  }
  .network-security-banner-area {
    padding-top: 70px;
  }
  .network-security-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gy-0 {
    --bs-gutter-y: 1rem;
  }
  .network-security-banner-area .g-0, .network-security-banner-area .gx-0 {
    --bs-gutter-x: 1rem;
  }
  .network-security-banner-left {
    margin-bottom: 20px;
  }
  .network-security-banner-left::before {
    display: none;
  }
  .network-security-banner-left .left-info {
    border-bottom: none;
    padding: 0;
  }
  .network-security-banner-left .left-info .inner .user-list li img {
    max-width: 35px;
  }
  .network-security-banner-left .left-info .inner .user-list li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .network-security-banner-left .left-info .inner .user-list li a i {
    font-size: 20px;
  }
  .network-security-banner-left .left-info .inner .user-list li h5 {
    font-size: 14px;
    margin-left: 30px;
  }
  .network-security-banner-left .left-content {
    padding: 0;
    margin-top: 30px;
  }
  .network-security-banner-left .left-content h2 {
    max-width: 1050px;
  }
  .network-security-banner-left .left-content .default-btn {
    padding: 15px 25px;
  }
  .network-security-banner-middle {
    margin-top: 0;
  }
  .network-security-banner-middle::before {
    display: none;
  }
  .network-security-banner-middle .middle-content {
    padding: 0 0 28px;
    border-bottom: none;
  }
  .network-security-banner-middle .middle-content::before {
    display: none;
  }
  .network-security-banner-middle .middle-content h1 .two {
    margin-left: 0;
  }
  .network-security-banner-middle .middle-content h1 .three {
    margin-right: 0;
  }
  .network-security-banner-middle .middle-image {
    padding: 45px 0 0;
  }
  .network-security-banner-right .right-image {
    padding: 0 0 0;
    border-bottom: none;
  }
  .network-security-banner-right .right-lists {
    margin: 75px 0 0;
  }
  .ns-about-inner .ns-about-card {
    padding: 35px 0;
    border-right: none;
  }
  .ns-about-inner::before {
    left: 0;
    width: 100%;
  }
  .ns-services-inner .services-button-prev {
    left: -30px;
    z-index: 1;
  }
  .ns-services-inner .services-button-next {
    right: -30px;
    z-index: 1;
  }
  .ns-features-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .ns-features-image {
    border-radius: 20px;
  }
  .ns-features-inner {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
  }
  .ns-features-inner .features-tabs .nav .nav-item .nav-link {
    padding: 10px 10px;
  }
  .ns-projects-slide .slide .projects-content .bottom {
    margin-top: 100px;
  }
  .ns-projects-slide .slide.active .projects-content {
    padding: 50px;
  }
  .ns-blog-card {
    margin-bottom: 25px;
  }
  /* End "Data Security Demo Responsive & "Network Security Demo Responsive" */
}
/* Min width 1400px to Max width 1500px */
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  /* Start "Data Security Demo CSS & "Network Security Demo CSS" */
  .ds-blog-area .line-one {
    left: 33.7%;
    transform: translateX(-33.7%);
  }
  .ds-blog-area .line-two {
    right: 33.7%;
    transform: translateX(-33.7%);
  }
  .network-security-banner-left .left-info .inner .user-list li img {
    max-width: 48px;
  }
  .network-security-banner-left .left-info .inner .user-list li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
  }
  .ns-services-inner .services-button-prev {
    left: -35px;
  }
  .ns-services-inner .services-button-next {
    right: -35px;
  }
  /* End "Data Security Demo CSS & "Network Security Demo CSS" */
}
/* Min width 1600px */
@media only screen and (min-width: 1600px) {
  .main-banner-area .container-fluid {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .main-banner-area-with-line .container-fluid {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .blog-area .container-fluid {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .blog-card .blog-content h3 {
    font-size: 25px;
  }
  .features-area .container-fluid {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .services-with-simple-slide {
    padding-left: 305px;
  }
  /* Start "Data Security Demo CSS & "Network Security Demo CSS" */
  .ds-features-area .container-fluid {
    padding-left: 0;
    padding-right: 100px;
    max-width: 1920px;
  }
  .network-security-banner-left .left-info {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 50px;
  }
  .network-security-banner-left .left-info .inner {
    padding: 30px;
  }
  .network-security-banner-left .left-content {
    padding-top: 125px;
    padding-left: 100px;
    padding-right: 80px;
  }
  .network-security-banner-left .left-content .wrap-shape {
    top: 35px;
    right: 35px;
    max-width: 100%;
  }
  .network-security-banner-middle .middle-content {
    padding: 75px 0 80px;
  }
  .network-security-banner-middle .middle-content h1 .two {
    margin-left: -175px;
  }
  .network-security-banner-middle .middle-content h1 .three {
    margin-right: -175px;
  }
  .network-security-banner-middle .middle-image {
    padding: 50px 50px 0;
  }
  .network-security-banner-right .right-image {
    padding: 50px;
  }
  .network-security-banner-right .right-lists {
    margin: 50px 50px 0;
  }
  .ns-features-area .container-fluid {
    padding-left: 0;
    padding-right: 100px;
    max-width: 1920px;
  }
  /* End "Data Security Demo CSS & "Network Security Demo CSS" */
}/*# sourceMappingURL=sekura-main-responsive.css.map */