@media (max-width:767.98px) {
	br {
		display:none;
	}
	.pill {
		box-shadow:unset;
		background:unset;
		border:unset;
		padding:0 0 .125rem 0;
		
	}
.progressbar-container {
    position: absolute;
    bottom: 15%;
    display: flex;
    left: 47%;
    transform: translateX(-50%);
    gap: 20px;
  }
	.services-banner{
		margin-top:3.688rem;

	}
	.service-section-banner{
				height:70vh !important;
	}

  .secureserve-banner .banner-title {
    font-size: 1.75rem !important;
    padding: 1.125rem 0 1.125rem 0;
  }

  .dropdown-icon {
    margin-right: 11rem !important;
  }
	.contact-btn {
    display: none !important;
  }

/*   .navbar-nav .nav-item .nav-link {
    margin: .75rem 1.25rem;
  }
 */
  .dropdown-icon {
    margin-right: 9.125rem;
  }

  .banner-progress {
    grid-template-columns: 1fr !important;
    justify-items: center;
    padding: 1.5rem;
  }

  .secureserve-banner .banner-title {
    font-size: 2.375rem;
    padding: 1.125rem 0 1.125rem 0;
  }

  .secureserve-banner .banner-content {
    padding-top: 2rem;
  }

  .service-tabs .nav-item {
    font-size: 0.75rem;
  }

  .secureserve-banner .banner-slider .slide img {
    height: 80vh;
    object-fit: cover;
  }

  .secureserve-banner {
    position: relative; 
    overflow: hidden;  
  }

  .progressbar-container {
    position: absolute;
    bottom: 0;        
    left: 190px;
    width: 117vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }

  .progressbar-container .item {
    display: none;
  }

  .progressbar-container .item.active,
  .progressbar-container .item:has(.progressBar.slick-now) {
    display: block;
    width: 100%;
  }

  .progressbar-container h6,
  .progressbar-container p {
    display: none;
  }

  .our-services .tab-content {
    margin-left: unset !important;
  }
  .home-faq-section .accordion-body {
    margin-left: 1.75rem;
}
   .home-faq-section .accordion-button{
    padding-left: 1rem !important;
   }
   .accordion-body {
    margin-left: 1.813rem;
   }
	.about-service-section .left-layout {
    flex-direction: column;
  }
  .about-service-section .left-stack,
  .about-service-section .gray-box {
    width: 100%;
    height: auto;
  }
  .about-service-section .gray-box {
    margin-top: 1rem;
  }
	.blog-banner-section h1{
		font-size:2rem;
	}
	
	  .dlp-box {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
	  gap:0.5rem !important;
  }

  .dlp-content p {
    max-width: 100%;
  }
	.faq-number {
    font-size: 13px;
}
	.process-card.image img{
		display:none;
	}
	
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .dlp-box {
    background: #FFF1E9;
    border-radius: 1rem;
    padding: 2rem 4rem;
    align-items: center;
}
  }
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Styles for small laptops and desktops */
  }
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
  
  
  }
@media screen and (min-width: 1400px) and (max-width: 1679.98px) {
    /* html {
        font-size: 18px;
    } */
}

@media screen and (min-width: 1680px) and (max-width: 1824.98px) {
    /* html {
        font-size: 18px;
    } */
}

@media screen and (min-width: 1825px) and (max-width: 1919.98px) {
    /* html {
        font-size: 20px;
    } */
}
@media (min-width: 1920px) and (max-width: 2559.98px) {
   html {
    font-size: 18px;
   }


  .expertise-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
	.our-expertise figure{
		padding:3rem !important;
	}

/*   .our-services .tab-content {
    margin-left: 10rem;
  } */

  .progressbar-container {
    position: absolute;
    bottom: 32%;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    gap: 20px;
  }

  .secureserve-banner .banner-slider .slide img {
    height: 70vh;
    object-fit: cover;
  }
	.services-banner {
    position: relative;
    width: 100%;
		height: 45vh;
		mar
	}
}
@media (min-width: 2560px) and (max-width: 5210px) {
   html {
        font-size: 22px;
    }


  .progressbar-container {
    position: absolute;
    bottom: 42%;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    gap: 20px;
  }

  .secureserve-banner .banner-slider .slide img {
    height: 60vh;
    object-fit: cover;
  }

/*   .our-services .tab-content {
    margin-left: 30rem;
  } */
}

@media (min-width: 1920px) {
    .container {
        max-width: 80%;
    }
}
@media (max-width: 991px) {

  .process-card:not(.image) {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 16px;
    padding: 16px;
    align-items: center; 
  }

  .process-card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .process-card .icon img {
    width: 48px;
    height: auto;
    display: block;
  }

  .process-card .content {
    text-align: left;
  }

  .process-card h3 {
    font-size: 15px;
    margin-bottom: 4px;
  }

  .process-card p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .process-card.image {
    display: block;
  }

@media (min-width: 768px) and (max-width: 1199px) {

  .sub-service .col-md-4 {
    order: 1;
    max-width: 100%;
    display: flex;
    justify-content: center;
  }


  .sub-service .col-md-4 img {
    width: auto !important;
    max-width: 50%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .sub-service .col-md-8 {
    order: 2;
    max-width: 100%;
  }


  .sub-service .ps-md-5 {
    padding-left: 0 !important;
  }
	.new-secure-banner .slick-prev, .new-secure-banner .slick-next {
    position: absolute;
    bottom: 3rem;
		left:5rem;
    z-index: 1;
}
	
	.sub-service .row.align-items-center {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  .sub-service h3 {
    order: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }


  .sub-service .col-md-4 {
    order: 2;
    width: 100%;
    margin-bottom: 20px;
  }


  .sub-service .col-md-8 {
    order: 3;
    width: 100%;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sub-service img {
    max-width: 100%;
    height: auto;
  }
	  .ipad-full {
    flex: 0 0 100%;
    max-width: 100%;
	  padding-top:3rem !important;
  }
	.process-card.image img{
		display:none;
	}
		
}
	
/* ===============================
   iPad Footer Responsive Fix
   =============================== */
@media (min-width: 768px) and (max-width: 1024px) {

  /* Footer spacing */
  .footer-section {
    margin-top: 40px;
    padding-top: 40px;
  }

  .footer-section .container {
    padding-top: 30px;
  }

  /* First row layout */
  .footer-section .first-footer {
    row-gap: 30px;
  }

  /* Logo + text column */
  .footer-section .col-md-4 {
    text-align: left;
  }

  .footer-section p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Social icons */
  .footer-section .social-icons {
    gap: 14px;
  }

  .footer-section .social-icons svg {
    width: 16px;
    height: 16px;
  }

  /* Section headings */
  .footer-section h6 {
    font-size: 15px;
    margin-bottom: 16px;
  }

  /* Footer links */
  .footer-section ul li a {
    font-size: 14px;
    line-height: 1.8;
  }

  /* Fix excessive left padding on iPad */
  .footer-section .ps-md-5 {
    padding-left: 20px !important;
  }

  /* Column stacking control */
  .footer-section .col-md-2,
  .footer-section .col-md-3 {
    margin-bottom: 20px;
  }

  /* Contact section */
  .footer-section .contact-section {
    margin-top: 5px;
  }

  .footer-section .contact-section p,
  .footer-section .contact-section a {
    font-size: 14px;
  }

  .footer-section .contact-icon {
    width: 18px;
  }

  /* Bottom footer */
  .footer-section .bottom-footer {
    margin-top: 20px;
    padding-top: 15px;
  }

  .footer-section .bottom-footer p {
    font-size: 13px;
  }
}