/* If you need to override desktop styles for smaller screens */

/* XXL devices (larger desktops, 1440px and up) */
@media (min-width: 1440px) { 
  /* Keep your existing desktop styles here */
  .container{
    max-width: 80vw;
  }
}

/* Large devices (laptops/desktops, 1200px - 1439px) */
@media (max-width: 1439px) { 
  /* Adjustments for slightly smaller desktops */
  
}

/* Medium devices (landscape tablets, 992px - 1199px) */
@media (max-width: 1199px) { 
  /* Adjustments for small laptops */
  
}

/* Small devices (portrait tablets, 768px - 991px) */
@media (max-width: 991.99px) { 
  /* Adjustments for tablets */
  .struggle{
    padding: 65px 0px 50px 0px;
  }
  .superpower{
    background-size: cover;
    background-position: center;
  }
  .bring-ai{
    padding: 50px 0 200px 0;
  }
  .bring-ai-card .ai-card{
    height: 250px;
  }
  .ai-scale{
    background-size: cover;
    background-position: center;
  }
  .ai-solutions .card .card-body .card-title{
    font-size: 1rem;
  }
  .lead{
    background-size: cover;
    padding: 120px 0px 137px 0px;
    background-position: center;
  }
  .pricing{
    padding: 50px 0px;
  }
  .achieve{
    background-size: cover;
    background-position: left center;
  }
  .faqs{
    margin: 0;
  }
  .ai-difference .before-ai, .ai-difference .after-ai{
    background-size: cover;
  }
  .ft-contact{
    padding: 50px 0px;
  }
  footer .f-icons img{
    margin-left: 1rem;
  }
}

/* Extra small devices (phones, 576px - 767px) */
@media (max-width: 768px) { 
  /* Adjustments for large phones */
  .achieve{
    background-position: 20% center;
  }
  .ai-solutions .card{
    padding: 1rem;
  }
  .ai-solutions span svg{
    width: 35px;
    height: 35px;
  }
  .ai-solutions .card .card-body .card-title{
    font-size: 0.938rem;
  }
  .pricing .price-box h3{
    font-size: 1.30rem;
  }
  footer .f-icons img{
    width: 15%;
  }
}

/* Mobile devices (phones, 425px - 575px) */
@media (max-width: 575.99px) { 
  /* Adjustments for medium phones */
  .mt-100{
    margin-top: 1rem;
  }
  .pricing .price-box{
    padding: 1rem;
    height: 260px;
  }
  .ai-difference .before-ai, .ai-difference .after-ai{
    padding-left: 3rem;
  }
  .banner{
    padding: 1rem;
  }
  .navbar-brand img{
    width: 55%;
  }
  .bring-ai-card .bosc-btn{
    padding: 22.5px 50px;
	}
	.site-copy{
		font-size: 14px;
	}
	.bnr-mob, .superpower-head, .ai-scale-head, .ai-solutions .card .card-btm{
		display: none !important;
	}
	.bring-ai-card .ai-card-inner{
		padding:20px;
	}
	.bring-ai-card .ai-card-inner h5{
		font-size: 1.30rem;
		margin-top: 5px;
	}
	.ai-card-inner img{
		width:20%;	
	}
	.ai-scale{
		padding: 50px 0px;
	}
	.ai-solutions .card{
		height:190px;
	}
  .ai-solutions .card.last-card{
    height:120px;
  }
	.ai-solutions .card .card-body{
		padding:0;
		flex-direction:column;
	}
}

/* Small mobile devices (phones, 375px - 424px) */
@media (max-width: 428px) { 
  /* Adjustments for small phones */
  .bosc-btn{
    font-size: 1rem;
  }
}

/* Very small mobile devices (phones, 320px - 374px) */
@media (max-width: 374px) { 
  /* Adjustments for very small phones */
  
}